This is a tutorial (by Codrops) on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
You will learn how to make a motion blur effect and apply it to regular JS or CSS animations of HTML elements.
Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.
[gpp_button color=”blue” url=”http://tympanus.net/Tutorials/MotionBlurEffect/” title=”Motion Blur Effect with SVG” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/” title=”Motion Blur Effect with SVG” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]
