Hola chicos q tal me surgio una duda ya q en el proyecto puse "transition" no en el mismo lugar q el profesor aqui debajo dejo una copia de lo q modifique del codigo original, la consulta no es por no funciona, sino por si funciona!!! gracias.
.imagen-diferenciales{ width: 60%;
} .imagen-diferenciales:hover{ opacity: 30%; transition: 300ms; }
Cuando declaras transition: 300ms en el .imagen-diferenciales, la imagen tendrá una animación tanto cuando el cursor pase por la imagen y cundo se retire,
.imagen-diferenciales{
width: 60%;
transition: 300ms;
}
.imagen-diferenciales:hover{
opacity: 0.3;
}En el otro caso cuando declaras el transition: 300ms en el .imagen-diferenciales:hover, solo se animara cuando el cursor pase por la imagen y cuando se retire el cursor no tendrá la transición cortándose la opacidad
.imagen-diferenciales{
width: 60%;
}
.imagen-diferenciales:hover{
opacity: 0.3;
transition: 300ms;
}Espero te sirva esta observación, saludos
hola q tal santiago mil gracias me sacaste una duda!