FilterBlend

FilterBlend is a playground for the new CSS background-blend-mode and filter properties.
Load your images and combine blending with filters to achieve some really unique effects!

Some Details

• Using awesome Vue.js as a foundation.
• Good ol' jQuery with Nano Scroller and Sortable.
• Font-awesome icons.
• Color highlighting powered by Prism.js.
• Development tools: Gulp, Jade, Stylus with Autoprefixer and Babel for JS.

Hints

• Paste image URL you want to preview, or pick your local image.
• Drag preview area to change position.
• Use mouse wheel to change size.
• Click to switch current background layer.
• All filter values can be changed by dragging.

Local Setup

To install dependencies and run local server:

$ npm install
$ gulp

Server starts at http://localhost:8000/