Efeito Blur

Pra quem não sabe, esse efeito é aquele que deixa a foto embaçadinha.


1- Cole esse código no CSS:

.border1 {background:#fff; 
padding:1px; 
border:5px solid #d5c9e8;
margin:1px; 
-webkit-transition-duration: .99s; 
-moz-transition-duration: .99s;}

.border1:hover {filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
border:5px solid #d5c9e8;}

2- Agora basta colocar esse código onde você quer que a fotinha apareça:

<img src=”LINK DA IMAGE” width=”60” align=”left” class=”border1”>

Substitua as aspas.