Glare / Holographic Card

A soft radial light follows the pointer across the card surface and reveals the background beneath.

Add a "Card Spotlight" effect (also called spotlight hover, pointer glow, mouse-following glow or radial gradient hover) to [where].
A soft, faint radial glow should follow the pointer across the card surface, fading in when the pointer enters and out when it leaves.
Keep the glow behind the card content so text stays readable, and on touch devices simply leave the card unlit.

Text shows shifting rainbow foil reflections that move with pointer or time.

Add a "Holographic Text" hover effect (also called holographic foil text) to [where].
While the pointer is over the text, a band of foil-like colors should glide slowly and smoothly back and forth across the letters, and the text should return to its plain look when the pointer leaves.
Keep the letters readable at every point of the shimmer, and show the same effect on keyboard focus.

A card rotates in perspective toward the pointer, with layered content lifting off the surface.

Add a "3D Tilt" effect (also called a perspective tilt or tilt card) to [where].
The card should lean in perspective toward the pointer as it moves, with its inner layers lifting off the surface at different depths, and ease back flat when the pointer leaves: smooth and subtle.
Keep the tilt gentle so text stays readable, and leave the card flat on touch devices and for users who prefer reduced motion.

A diagonal band of light sweeps across the element from one side to the other on hover.

Add a "Shine Sweep" hover effect (also called sheen, shiny button, shine on hover, glint, shimmer or shimmer button) to [where].
A soft diagonal band of light should sweep across the element from left to right, repeating with a short pause while the pointer stays over it.
Keep the band clipped inside the element, stop it when the pointer leaves, and don't run it for users who prefer reduced motion.

Panels arranged in a ring rotate around a vertical axis in 3D space.

Add a "3D Carousel" (also called a rotating ring carousel) to [where].
Arrange the panels in a ring seen in perspective; each press of next should turn the whole ring smoothly around its vertical axis to bring the following panel to the front.
Make the controls reachable by keyboard and announce the current panel to screen readers, and switch to a plain fade for users who prefer reduced motion.

A rotating 3D Earth with markers or arcs sits in the layout.

Add a "3D Globe" (also called an interactive globe) to [where].
A globe with a few markers on its surface should turn slowly and steadily around its axis, with the markers going round with it: calm and continuous.
Keep it decorative with a text alternative for the information it shows, pause it when off screen, and stop the rotation for users who prefer reduced motion.

A card tilts back in perspective on hover while a pin and glow rise toward the viewer.

Add a "3D Pin" hover effect (also called pin hover 3D) to [where].
When the pointer is over the card, it should tilt back in perspective while a pin with a soft glow at its base rises up from its center; everything settles back when the pointer leaves: smooth, not bouncy.
Keep the card's space in the layout unchanged, and show the same effect on keyboard focus.