Progressive Blur Effect using WebGL with OGL and GLSL Shaders
In Tutorials, by Jorge Toloza
Learn how to create an interesting progressive blur effect using WebGL, OGL, and GLSL shaders.
blur
Blurry Text Reveal on Scroll
In Playground, by Manoela Ilic
A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”.
Simulating Depth of Field with Particles using the Blurry Library
In Tutorials, by Domenico Bruzzese
Learn how to create a geometrical scene with a depth effect using the Blurry library.
SVG Filters 101
In Articles, by Sara Soueidan
The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.
Motion Blur Effect with SVG
In Tutorials, by Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
Item Blur Effect with CSS3 and jQuery
In Tutorials, by Manoela Ilic
Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.
Fullscreen Image Blur Effect with HTML5
In Playground, by Manoela Ilic
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect.
Blur Menu with CSS3 Transitions
In Tutorials, by Manoela Ilic
There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Today I want to show you how to experiment with text shadows and with transitions in order to achieve a blur effect that we’ll apply to a menu on hovering over the elements. The main idea is to blur the other items while enhancing the one we are currently hovering.
