Tom’s Two Cents: Make Images Pop with CSS Filters

April 2, 2015

Blog | Development | Tom’s Two Cents: Make Images Pop with CSS Filters
Tom’s Two Cents: Make Images Pop with CSS Filters

Bring Photoshop into your browser with CSS Filters

Are you ready to make your images pop but don’t have the design skills to do it?

CSS Filters are an easy way to manipulate images without the use of image editors like Photoshop, GIMP or Sketch which can be very complicated if you don’t have a design background.  CSS Filters can’t do everything that an image editor can, but they can transform your images with plenty of cool features like: grayscale, blur, sepia, inverted colors, and more.

Here’s a small demo showing off what CSS filters can do, feel free to play around with the property values.

Note: According to CanIUse.com, CSS Filters are supported in most browsers except IE. 

Thanks for stopping by! If there’s anything you’d like us cover in one of our demos or tutorials, Tweet to us @GeekHive.

 

Tom Deluca, Front-End Developer, GeekHive

Tom DeLuca

Developer
Tags
  • CSS
  • Design
  • Tutorial

Recent Work

Check out what else we've been working on