Tutorial: Efecto opacidad en imágenes #1

¡Hola! ¿Cómo están? Espero que esten teniendo una buena semana, y si no es así, espero que pronto mejore <3
Esta semana estuve haciendo bastantes cambios en el blog. Cambié el diseño y completamente la gama de colores anteriores por algo más de mi gusto actual {uff todo negro, amary ._.} (sisi disculpen, pero es lo que más o menos tenia en mente hacer} Quiero saber que les parece, si se les hace cómodo, si les gustaría tal vez cambiar algo, si hay alguna molestia, etc.
Me ayudaría muchísimo recibir sus consejos ♡

Bueno, hoy les traigo un tutorial muy sencillo para ponerle un efecto de opacidad a las imágenes de tu blog <3 Espero que les guste.

Vista previa

Plantilla | Editar HTML | CTRL+F y buscas:

]]></b:skin>

Arriba de ]]></b:skin> pegas:

img {
-webkit-transition: opacity 0.8s linear;
opacity: 0.6;
margin: 1px 4px 0 0;
padding: 2px;
transition:all 0.8s linear;
-moz-transition:all 0.8s linear;
-webkit-transition:all 0.8s linear;
-o-transition:all 0.8s linear;
}
img:hover {
-webkit-transition: opacity 0.8s linear;
opacity: 1;
transition:all 0.8s linear;
-moz-transition:all 0.8s linear;
-webkit-transition:all 0.8s linear;
-o-transition:all 0.8s linear;
}

¡Y listo!
Gracias por leer :)