I came by this issue while working on css.
So specific properties with addition of !important will flag by browser as "invalid property value". The syntax is 100% correct and works well in Chrome.
Examples that give out error:
Code: Select all
transform: scale(1) !important;
transform-scale: 1 !important;
transform: matrix(1, 0, 0, 1, 0, 0) !important;
sorry the forum does not allow me posting external links
Basically in dev tools the property is flagged by exclamation mark inside of yellow triangle (see screen) and will pop the error "invalid property value" while hovering over that triangle.
Again, this works 100% in chrome, and also checked with Claude AI, which suggested removing space before the !important, but it did not help either.