Css tiene una sombra cuando el mouse pasa sobre él.

Este efecto se puede lograr utilizando la pseudoclase CSS: hover.

Definición y uso

Los selectores de desplazamiento se utilizan para seleccionar elementos con el puntero del mouse flotando sobre ellos.

Consejo: Los selectores de desplazamiento se pueden utilizar en todos los elementos, no solo en los enlaces.

Consejo: :El selector de enlaces establece el estilo del enlace a una página que no ha sido visitada, el selector :Visited establece el enlace a una página que ha sido visitada y se utiliza el selector :Active para enlaces activos.

Nota: En la definición de CSS, :hover debe seguir a :link y :visited (si está presente) para que el estilo surta efecto.

Ejemplo

div:hover{box-shadow:0px? 0px? ¿2 píxeles? ¿3 píxeles? #000;}

/*Agrega una sombra al div cuando el mouse está sobre él*/