Quisiera saber si es lo mismo aplicar el tiempo de transicion en la imagen o en la funcion :hover
.imagen-diferenciales{
width: 60%;
transition: 400ms; // SEGUN EL VIDEO DEBERIA IR ACA
}
.imagen-diferenciales:hover{
opacity: 30%;
transition: 400ms; // YO HUBIESE SUPONIDO QUE IBA ACA
}
Buenas noches Julian, la diferencia entre ambos es que en el primero la transición ocurre siempre y en el segundo solo cuando se posiciona el mouse. El atributo "transition" puede ir en cualquiera de los dos estilos y finalmente en que lugar vaya va a estar en función de las necesidades de la web que estes desarrollando.
Espero haber sido de ayuda. Si te sirvió no te olvides de poner esta respuesta como solución al tópico.
Saludos!
Tengo una duda similar, también lo supuse en el :hover, ¿cómo puede afectar al funcionamiento de la web ponerlo en ".imagen-diferenciales" o ".imagen-diferenciales:hover " o viceversa, es decir, cuales son las consecuencias de uno u otro ?