Ajax Loader
×

Pure CSS3 Motion Blur

Motion Blur (not a Regular Blur) effect achieved with CSS3 and a few extra HTML elements, by James Kyle. It is a pretty simple concept. You repeat the text (the html span elements with the text node) as many times as you want the number of pixels in the blur effect. The opacity is set to x/100 where x is the number of pixels of the motion blur.

The effect/item works cross browser all the way back to IE6! (Albeit, it contains 2 hacks to make it work in IE, check out the css code comments)

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Pure CSS3 Motion Blur

    CSSDeck G+