Hi So as I am validating my css I came across these warnings:
Property -webkit-transform is an unknown vendor extension
Property -webkit-animation-iteration-count is an unknown vendor extension
Property -webkit-border-radius is an unknown vendor extension
Property -moz-linear-gradient(90deg,rgb(88, 88, 88) 0%,rgb(200, 200, 200) 100%) is an unknown vendor extension
There are several of them repeated several times. My question is do I need to fix them? because I have been told before not everything in the validation results need to be fixed because there are certain properties the validation just won’t understand is that correct?
There is nothing you can do to validate vendor extensions except to not use them. Please explain to your client that there is nothing you can do about this since those errors will help support browser compatibility efforts. The validator only validates against valid code. The vendor extensions are proprietary code. As such it will always be invalid.
That being said, go remove that -webkit-border-radius.
Yes, there is a difference between
Errors = something’s Wrong, always, no matter what you may think.
Warnings = something might be wrong, if you know why, ignore, else best to look into it
In this case you now know why.
As Ryan said, as browsers “catch up” with the newer CSS more and more of the vendor prefixes will become unnecessary
If you’re ok with those effects being missing from iPhone only Safari needs those particular prefixes anymore, and it doesn’t need webkit-border-radius.
