CSS blend modes and filters playground
JavaScript CSS HTML CoffeeScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist hide github badge on smaller screens Nov 22, 2015
src hide github badge on smaller screens Nov 22, 2015
.bowerrc initial Oct 28, 2015
.gitignore initial Oct 28, 2015
README.md v2 release Nov 14, 2015
bower.json v2 release Nov 14, 2015
gulpfile.coffee v2 release Nov 14, 2015
gulpfile.js initial Oct 28, 2015
package.json v2 release Nov 14, 2015
screenshot.jpg v2 release Nov 14, 2015

README.md

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!

FilterBlend Screenshot

Some Details

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/