Preview image. Unlock full-res
CSS-powered hover interactions on GHO stablecoin icons that flip flat or tilt to reveal a coin edge, with smooth gradient transitions between green and purple.
Summary
CSS-powered hover interactions on GHO stablecoin icons that flip flat or tilt to reveal a coin edge, with smooth gradient transitions between green and purple.
Visual description
Pale mint background presents a stablecoin landing page with headline "Stable and saving" in dark and vibrant green. Two circular coin icons sit below action buttons, each ringed with concentric circles and white center dots. The left coin shows a gradient transition from teal to deep purple across its face, while the right maintains a solid bright green, creating a visual comparison between two distinct states.
Key takeaway
Use gradient transitions on circular icons to communicate state changes without adding UI clutter, letting color movement alone signal interactivity and hover states.
Reuse notes
Reach for this as a motion still reference. Pairs with geometric directions. Original by Nicolas Jesenberger.
