Archive for the 'CSS' Category

SVG effects for HTML content

Robert O’Callahan has been working on adding features to Firefox that allow SVG effects to be applied to HTML content. He originally posted about this work back in June, discussing his experiments with making SVG’s “clip-path”, “mask”, and “filter” properties work when applied to HTML content. Last week Robert announced that this work has been added to the main Mozilla code base, and further that he has submitted his proposal to the SVG working group for standardization. For more information about these new features, including screenshots of them in action and working demos, see Robert’s post on the Web Tech weblog.

CSS, Firefox development, Platform development, Web development

CSS transforms

The folks over at the Web Tech weblog have posted that Gecko (Mozilla’s layout engine) nightly builds now support a new “-moz-transform” CSS property. This property — a version of which is similarly supported by WebKit — is described as a “CSS property that accepts a list of transform functions (generic affine linear transforms) and then applies those transforms, in order, to the HTML elements the property is applied to.” Several examples of how to use the property (and descriptions of what it does) are available in the Web Tech post. “It will be interesting to see what uses developers find for CSS transforms. Much of the functionality once reserved for plugins can now be directly integrated into CSS and JavaScript.” More information and code samples are available in the Web Tech article.

CSS, Firefox development, Platform development, Web development