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!
- Using awesome Vue.js as a foundation.
- Good ol' jQuery with Nano Scroller.
- Font-awesome icons.
- Development tools: Gulp, Jade, Stylus with Autoprefixer and Babel for JS.
- Paste image URL you want to preview, or pick your local image.
- Click on position control to set value to 'center'. Click on size control to set it to 'auto'. You can also drag them to change the values.
- Drag preview area to change image position or use mouse wheel to change image size.
- Switch current image by click on the preview area.
- To change background color use color picker in the top right corner of the preview area.
- All filter values can be changed by dragging.