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 :)

2 comentarios:

  1. Hola~

    Me encanta la plantilla >u< me gusta que yoongi este al ladito :33

    Habia terminado de escuchar una canción de Mamamoo cuando a los minutos escucho I need u, estaba "¿Qué paso? ¿Active la lista de reproducción?" xDDDDD

    Gracias por el tuto, Saludos~

    ResponderEliminar
  2. ¡OMG, OMG!Amé la nueva plantilla. XD Se ve super genial (*O*). El listado de canciones me gustó (;w;), un amor las canciones de BTS. ♥
    Que tengas un hermoso fin de semana~.
    ¡Abrazos!

    ResponderEliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ