La pseudo-clase "hover" generalmente se activa cuando el usuario se desplaza sobre un elemento (por ejemplo una imagen, un menu, un link de una web, etc.) con el cursor (puntero del mouse o ratón). El resultado puede ser un cambio de color (es lo que ocurre en este ejercicio cuando pasas el cursor por encima de un botón de menu) o también un efecto de zoom como en este ejemplo en la imagen que pasa del 100% al 200% escondiendo el 50% por arriba y abajo y el 50% por los lados (aplicando la marca".option:hover img {}").
En este ejemplo 1, se presenta una imagen del Parque Nacional de Aiguestortes y Lago de San Mauricio en el Norte la Provincia de Lleida, en los pirineos catalanes.