Posted about 8 years ago. Visible to the public. Linked content.

Browser Standards progress: CSS filter property

Some progress was made by browsers on implementing CSS filters like blur, greyscale or some other effects. You might already know the legacy CSS filter attribute that old IE versions used to perform DirectX transformations. Luckily these legacy filters are removed in IE10. The good news is, newest WebKit-based browsers like Chrome (18.0+) Safari and Mozilla Firefox experimentally support the CSS-filter attribute with a vendor prefix. Furthermore the syntax lets you also link to SVG filters that can be applied to your DOM elements.

Last but not least I would like to give you a syntax example (for simplicity without vendor prefixes):

Copy
div { filter: grayscale(100%) sepia(100%); }

Once an application no longer requires constant development, it needs periodic maintenance for stable and secure operation. makandra offers monthly maintenance contracts that let you focus on your business while we make sure the lights stay on.

Owner of this card:

Avatar
Ulrich Berkmueller
Last edit:
about 8 years ago
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Ulrich Berkmueller to makandra dev
This website uses short-lived cookies to improve usability.
Accept or learn more