Bokeh Effect : Tutorials Examples + CSS3

Inspirational Examples of the Bokeh Effect

“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.” Differences in lens aberrations and aperture shape cause some lens designs to blur the image in a way that is pleasing to the eye, while others produce blurring that is unpleasant or distracting— “good” or “bad” bokeh, respectively.

Bokeh Effect in Web Design: Showcase, Tutorials and Resources

In this article you will find inspirational showcase of beautiful and very colorful websites with bokeh effect. Also you’ll be able to learn different bokeh effect techniques by checking listed useful and detailed tutorials. For the conclusion you will find a lot of great bokeh resources.

Pure CSS3 bokeh effect with some jQuery help

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.

50 Examples and Tutorials of Bokeh in Photography, Textures and Websites

Bokeh, a style originally from Japan that describes an out of focus area of a image/photograph that is used to draw your eye to the subject of the image. This extremely popular photography technique creates surreal and beautiful images, either naturally or using programs like Photoshop. The light and tonal patterns created are often very unique, giving the image or design an extra added depth.