An increased support for CSS3 in Firefox 4 Beta

The first public beta of the upcoming Firefox 4 browser has been released bringing increased support for CSS3 among diverse other enhancements. One of the most prominent new additions in Firefox 4 is support for CSS3 Transitions (with the moz-prefix). Opera and Webkit based browsers  have supported CSS3 Transitions for a while, nearly 3 years in Webkit's case, and it's reassuring to see that Mozilla have eventually made an attempt to catch up with the competitors in this area.

Firefox 4 also brings a number of other enhancements/changes via CSS3 support including:

* Resizable text area Elements: Text area elements are now resizable by default. You may use the moz-resize property to modify the default.
* New CSS3 calc() support: This beta includes support for the new CSS3 calc() value. This lets you stipulate sizes that include a mixture of %s and unreserved values and is enormously popular with developers.
* Choosing a bit of a background image: You can now use the new moz-image-rect selector to choose only a bit of a background for display.
* Removed support for moz-background-size: The moz-background-size property has been renamed to its last background-size name. moz-background-size is not supported now.
* Privacy and the : Visited selector Implementation of changes, voiced in March, with respect to what info can be procured about the type of visited links using CSS selectors. This can affect some web applications.
As well as the above, Mozilla have added a new moz-any selector too. Though not part of the CSS3 design, moz-any is a dynamic selector that will let you replace enormous and difficult selectors with far simple ones.