Back to library
INTERACTION_006
Premium Card Lift.
The house style for content cards: a restrained rise, a brighter 1px border and a marginally lighter surface. No tilt, no glow.
- CATEGORY
- Cards
- COMPLEXITY
- Easy
- TECH
- CSS
- PLATFORM
- Both
- PERFORMANCE
- Light
LIVE PLAYGROUND
CARD_01
CSS / CSS
.card {
background: #0e0e0e;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1),
border-color 350ms, background-color 350ms;
}
.card:hover {
transform: translateY(-4px);
border-color: rgba(255, 255, 255, 0.28);
background: #151515;
}