Search code examples
webkit

HTML5 Gaussian blur effect


How is apple able to achieve the (apparent) Gaussian blur effect for the photos in the background in this demo:

http://www.apple.com/html5/showcase/gallery/


Solution

  • Looking at the source, those are prerendered. No HTML5 trickery for that part, unfortunately.

    Example: http://images.apple.com/html5/showcase/gallery/images/polo9b-small.png