We’ve just had our first “gee, whiz!” moment at Adobe’s Create the Web event. The company announced Edge, its new suite of tools for web and mobile devs and designers, and one of the coolest tools (that we’ve seen in demos so far) is the open-sourced CSS FilterLab.

Basically, the FilterLab lets you create all kinds of overlays and effects to your web pages on the fly. You bring your page into the FilterLab, select filters from a drop-down menu, pull around some sliders to customize and even animate the effect, then copy/paste the code to apply the CSS effect to your page.


From VentureBeat
Get faster turnaround on creative, more testing, smarter improvements and better results. Learn how to apply agile marketing to your team at VB’s Agile Marketing Roadshow in SF.


Read more Adobe Edge news


With the existing filters, you can add drop shadows, animated page flips, paper-crumple effects, and more — as long as your browser supports it.

Don’t see the filter you want? That’s ok; you can grab a Gist from GitHub to import another filter of your choosing.

Here’s a quick look at the filters:

[vb_gallery id=537985]

FilterLab is still in an experimental stage; if you’d like to contribute to the project, submit a pull request on the GitHub page.

Stay tuned. We’ve got more coming up from Create the Web today.

Top image via olly, Shutterstock


VB’s research team is studying web-personalization... Chime in here, and we’ll share the results.