Use the "filter" property in CSS to create blur effects on elements

Share this video with your friends

Send Tweet

The CSS "filter" property adds visual effects to an element. Consequently, you can create the "blur" effect on an element by using the syntax, "filter: blur()" in CSS. The "blur" filter creates a gaussian blur on the element.

By specifying a number of pixels for the screen to blend into each other, you can change the intensity of the blur. The larger the value in pixels, the more intense the blur.