3

http://wowslider.com/jquery-image-rotator-terse-blur-demo.html

I can't find any blur-related CSS 3 property. And they don't appear to be using Flash..

thelolcat
  • 10,995
  • 21
  • 60
  • 102
  • Did you even look at the source? I saw this right at the top in the title tag - *jQuery Image Rotator Terse Blur Demo : jQuery Banner Rotator*. Looks like... they use a feature of jquery. – Ed S. Mar 01 '12 at 01:37
  • yes, [this](http://wowslider.com/images/demo/terse-blur/engine1/wowslider.js) is the source, I can't understand much of it though.. – thelolcat Mar 01 '12 at 01:38
  • It looks like it's using `canvas`. It could be doing that for the blur effect. – icktoofay Mar 01 '12 at 01:38
  • @thelolcat: If you can't understand it then perhaps you should be studying the fundamentals a bit more. – Ed S. Mar 01 '12 at 01:39
  • 1
    @EdS.: That doesn't tell you how the blur works. – SLaks Mar 01 '12 at 01:39
  • The actual blurring logic appears to be in [this file](http://wowslider.com/images/demo/terse-blur/engine1/script.js). – icktoofay Mar 01 '12 at 01:41
  • 1
    the browser start to lag rly bad when viewing it :s – thelolcat Mar 01 '12 at 01:41
  • @SLaks: Sure it does. Here is the JS source: http://wowslider.com/images/demo/terse-blur/engine1/wowslider.js It's from wowslider.com, so... start looking there. – Ed S. Mar 01 '12 at 01:42
  • @EdS: That doesn't really help. – SLaks Mar 01 '12 at 03:41

1 Answers1

4

They're drawing on HTML5's <canvas>, not CSS3.

Reference: http://www.flother.com/blog/2010/image-blur-html5-canvas/

Patrick Moore
  • 13,251
  • 5
  • 38
  • 63