/FilterBlend

CSS blend modes and filters playground

Primary LanguageJavaScript

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/