Pure CSS3 Motion Blur

lebedev

License: MIT License

Fork
1
Fav
0
View
2505
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 15 lines
  • CSS 43 lines
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)
  • Pure CSS3 Motion Blur
  • Pure CSS3 Motion Blur

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

lebedev

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by