Desarrollo Web en Valencia

Efecto imagen – de color a blanco y negro con CSS

gris css

Si deseas tener el efecto de una imagen cuando te pones encima sea de blanco a negro o viceversa puedes logralo con css. Bastará añadir una lineas de código para conseguirlo:

nombresdeldiv  img
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition:filter 0.4s;
-webkit-transition:-webkit-filter 1s;

Y en el modo hover

nombresdeldiv  img:hover
filter: grayscale(0);
-webkit-filter: grayscale(0);

Un efecto fácil y de buen gusto.

 

Artículos relacionados

Comments are currently closed.

Top