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*/