Primary Menu

Home > Code stuff > Miscellanea > Motion blur effect with SVG

Motion blur effect with SVG

Code

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

View demo View tutorial

Posted on April 9, 2015 in Code stuff, Miscellanea and tagged javascript, blur. This post has been viewed 3763 times.

Ready to use Graphic Assets

You should try this

Create mockups in seconds, no photoshop needed.

Related Freebies

A set of block reveal effects by Codrops to uncover content of any kind in a schematic box look taking advantages of Flexbox and 3D Transforms.

December 22, 2016December 22, 2016

Ideas for block reveal effects with 3D Transforms

Code

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Code

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016December 23, 2020

Conversational Forms: Turn web forms into conversations with JS

Code

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Shave: A JS plugin to truncate multiline text

Code

Search Freebie

Search for:

Browse by Category

Free PSD (1,225)
- Icons (294)
- Mockups (331)
- UI kits (152)
- Website templates (180)
Illustrator freebies (115)
Sketch freebies (218)
Free fonts (447)
Code stuff (405)
- HTML Website templates (87)
- HTML UI Kits (14)
Free stock photosNEW
Landing page inspirationsNEW
Submit a freebie
Advertise

Get the latest news on your email.

Leave this field empty if you're human:

Freebiesbug uses browser cookies to give you the best possible experience. To use Freebiesbug, you must agree to our Privacy Policy, including cookie policy. I agree.