Motion Blur Effect Using Svg Filters

See the Pen Motion Blur Effect Using Svg Filters by damianmuti (@damianmuti) on CodePen.

Motion Blur Effect Using Svg Filters

Description: 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.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (SCSS) JS

Dependencies: slick.css jquery.js slick.js

Responsive:Yes

Posted: 26.07.2017

Similar Examples