About Site Map Submit Contact Us Log in | Create an account
Create an account Log In
Average Rating
User Rating:
Visitors Rating:
My rating:

Write review
  • License: Freeware
  • Last update: 7 years ago
  • Total downloads: 260
  • Price: Free |
  • Operating system: Linux, Mac OS X, Win All, BSD, Solaris
  • Publisher: Marco Kuiper (1 other programs)
See full specifications

scripts default iconBokeh Effect (Scripts) Publisher's description

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:

В· javascript enabled on client side
В· jQuery 1.4.1 or higher
Program Release Status:
Program Install Support: Install anh Uninstall

Bokeh Effect (Scripts) Tags:

Click on a tag to find related softwares

Is Bokeh Effect (Scripts) your software?

Manage your software

Most Popular

scripts default icon Lightview Script 2.5
Lightview was built to change the way you overlay content on a website.
scripts default icon Draggable IFRAME Windows Script 1.1
Draggable IFRAME Windows library has the purpose to allow IFRAME objects to be dragged around the screen.
scripts default icon Uploadify Script 2.1.4
Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website... Read more
scripts default icon Easy Slider Script 1.5
This is a jQuery-driven, horizontal navigational slider
scripts default icon Anything Slider (Scripts) 1.2
jQuery-based slider with lots of features: hashtag linking to direct slides, “infinite” sliding,... Read more