Tutorial:Efecto de imagen 4 ♥

Hola como estan?Ayer era el cumpleaños de mi abuelito,y me la pase bien ,bueno hoy les enseño como poner otro efectito en las imagenes ,para verlo clic en :

Vista Previa 

Si les gusta sigan los pasitos :
Para Plantilla Basica: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo antes de </style>

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear;
}
img:hover{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
-webkit-filter: brightness(15%);
z-index: -100px;
}

y listo ponen guardar ,eso es todo,estoyasiendo cortas las entradas,para tener mas tiempo para publicar mas  tutoriales,mañana compartire unos avatares