Bokeh Effect (Scripts) Publisher's description
from Marco Kuiper
Pure CSS3 bokeh effect with some jQuery help
Bokeh - In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or "the way the lens renders out-of-focus points of light." (from Wikipedia). I'm pretty sure you've seen this effect before, since there are loads of wallpaper roundups and tutorials using this technique. Currently, one of my favourite wallpapers has to be this bokeh effect from -kol.
Today, I want to add another addition to the bokeh "hype", by creating a pure CSS3 bokeh effect. With some help from jQuery, we can add some randomness in colour, size and position for the effect.
Still don't know what we'll be creating? Make sure to check out the demo and view the source code to learn some more.
This is a small video I created to show the effect to user who don't have (the latest version of) Firefox, Chrome or Safari.
If you are using a modern browser, you could check out the demo page and play with it yourself. Now let's see how to create this kind of effect.
System Requirements:В· CSS3
В· jQuery 1.4.1 or higher
Program Release Status:
Program Install Support: Install anh Uninstall