Pure CSS direction-aware card hover effects.

An aesthetic, bank card design with pure CSS, based on glassmorphism.

NFT card component with Glassmorphism and highlighted hover transition.

Card combining Claymorphism and Glassmorphism.

Using Grid to layout an article hero card.

A little experiment with a pinned card effect using CSS.

Playing with CSS translate and rotate transforms based on mousemove (sorry mobile users) to simulate some z-axis depth on the card and individual movie characters.

Simple responsive toggable cards with the ripple effect.

Pure CSS, simple and compact method, no SVG, no images other than CSS gradients.

Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.

Pure CSS card UI with gooey toggle effect.

Using an unfolding animation to reveal card content on hover. As a fallback for mobile, cards simply stay in open position if hover is unavailable.

Expand/collapse cards with text cut according to the shape of the label. Using CSS clip-path to create a reveal effect on the text hidden behind vintage labels.

Fancy CSS 3D flip card that can be used for call-to-actions (CTAs).