Read more

Browser Standards progress: CSS filter property

Ulrich Berkmueller
June 05, 2012Software engineer

Some progress was made by browsers on implementing CSS filters Show archive.org snapshot 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 Show archive.org snapshot . The good news is, newest WebKit-based browsers like Chrome (18.0+) Safari and Mozilla Firefox experimentally support the CSS-filter attribute Show archive.org snapshot with a vendor prefix. Furthermore the syntax lets you also link to SVG filters that can be applied to your DOM elements.

Illustration web development

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

  • We build reliable cloud solutions with Infrastructure as code
  • We are experts in security, Linux and databases
  • We support your dev team to perform
Read more Show archive.org snapshot

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

div { filter: grayscale(100%) sepia(100%); }
Posted by Ulrich Berkmueller to makandra dev (2012-06-05 08:13)