Ever since the release of Firefox 3 we’ve been doing a lot of work to add new capabilities for web developers. We thought it would be worth it to make a post that actually listed all of the features that we knew about and people might not know about. This contains everything that we’ve done over the last three releases or so, but calls out stuff that’s new in 3.6. Enjoy!CSS@font-face
Display online fonts (supports WOFF and TTF fonts)
pointer-events
Click through elements
:-moz-locale-dir(ltr/rtl)
Know if you are in a ltr or rtl context
:indeterminate pseudo-class
For “indeterminate” radio and checkboxes
Media Queries
Select CSS depending on the media (size, aspect-ratio, colors, orientation, resolution). has new classes to detect if you’re on a touch device.
Structural pseudo-classes
:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
-moz-border-radius
Rounded borders
CSS Transforms
Scale, translate, skew and rotate your elements
CSS Gradients
Use linear and radial gradients as backgrounds
Multiple Background
Use images, gradients and other items all as part of the same background
Background size
Define the size of your background images
Read more: hacks.Mozilla.org
Display online fonts (supports WOFF and TTF fonts)
pointer-events
Click through elements
:-moz-locale-dir(ltr/rtl)
Know if you are in a ltr or rtl context
:indeterminate pseudo-class
For “indeterminate” radio and checkboxes
Media Queries
Select CSS depending on the media (size, aspect-ratio, colors, orientation, resolution). has new classes to detect if you’re on a touch device.
Structural pseudo-classes
:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
-moz-border-radius
Rounded borders
CSS Transforms
Scale, translate, skew and rotate your elements
CSS Gradients
Use linear and radial gradients as backgrounds
Multiple Background
Use images, gradients and other items all as part of the same background
Background size
Define the size of your background images
Read more: hacks.Mozilla.org
Posts
0 comments:
Post a Comment