:hover

Styles an element while the mouse is over it.

What does :hover do?

:hover applies styles while the mouse pointer is over an element.

.product-card:hover { box-shadow: 0 4px 12px rgb(0 0 0 / 20%); }

Level: Apprentice · More CSS terms at this level

Updated September 27, 2026