HTML and CSS Reference
In-Depth Information
this writing, you need to include these so the effect will work in Chrome and other
We b K i t- b a s e d b ro ws e rs (
-webkit-
), Firefox and other Gecko-based browsers (
-moz-
),
IE (
-ms-
), and Opera (
-o-
). I've also included the fifth—prefixless—property so
that when browsers start to support the prefixless version instead of their own
specific prefixed property, the code will still work for them, and you won't have to
update it unless the spec has changed since then.
There is no single correct way to order the vendor prefixes in your code, and
different people have different opinions about how it should be done. I'm just
presenting my opinion of what I think works best.
CSS3 COLORS
The new CSS3 Color units (
www.w3.org/TR/css3-color)
are most useful, particu-
larly because they allow you to programmatically define transparency for colors.
This allows you to create advanced graphics and features that blend nicely into
each other and their backgrounds without having to create loads of transparent
PNGs all the time.
Ta b l e 1 . 1
shows what current support looks like.
TAB LE 1.1
Browser Support for CSS3 Color Units
BROWSER RGBA, HSL, HSLA, AND OPACITY
Opera
Since 10
Firefox
Since 3.0
Safari
Since 3.1
Chrome
Since 4.0
Internet Explorer
Since 9
iOS
Since 3.2
Android
Since 2.1
Mobile Chrome
Since beta
Opera Mobile
Since 10
Opera Mini
Since 5
