Hover lift
Also called: lift on hover, raise on hover, card lift, elevate on hover.
A card rises a few pixels and its shadow grows when you point at it, as if it lifts off the page. It says "you can click this whole card".
Point at a card: it rises 6px and its shadow grows, as if it lifts off the page. On a phone, use the switch.
Hover off
Say it in a prompt
On hover and on keyboard focus, lift each card: move it up 6px with transform over 200ms ease-out and fade in a larger, softer shadow underneath (a shadow layer that changes only its opacity). Where it shows up
- Grids of product, blog or template cards, where the card under the mouse rises slightly to show it is one big link.
You might describe it as
- card goes up a bit when the mouse is on it
- boxes float up with a shadow on hover
- tile rises off the page when I point at it
Not to be confused with
- Hover state
Hover lift is one kind of hover effect, where the thing rises with a bigger shadow; hover state is any change on hover, like a brighter color.