Motion blur effect using SVG filters

Motion blur effect using SVG filters

See the Code
See it Full Page
See Details

This is an experiment that simulates a motion blur effect every time a slide is switched. It takes advantage of SVG Gaussian Blur filter and some CSS keyframes animation.
Although the effect does not require any Javascript to properly work, in this example Javascript is only used for the slider functionality.

Disclaimer:
Only works on Chrome/Firefox.

All images from https://unsplash.com/

This Pen uses: HTML, SCSS, JavaScript, and


Source: codepen

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *