Efecto Blur con CSS3 y HTML5

Efecto Blur con CSS3 y HTML5


Well, in this very simple tutorial we’re gonna se how to create images with a blurry effect the first thing we’re gonna do
is to put the image that we need it’s an image that I previously chose
which is an eye let’s give the image a class
called “confiltro” ok now the image appears now let’s define “confiltro” and give it the properties: filter filter is a css property to tell the browser to apply some color filters or blurr as we’re doing now let’s put “blur” and put a pixel quantity the higher pixel count, the more blurr image i will put 5 pixels i come back here ok… it didn’t work because… I have to prefix it with “-webkit-” because
it’s still an experimental feature I go back here and you can see the higher number… I put 10
the greater… the blurry it looks that’s all of this tutorial, quickly
I hope it helps you create interesting things even with blurry animations

2 thoughts on “Efecto Blur con CSS3 y HTML5”

Leave a Reply

Your email address will not be published. Required fields are marked *