Most Popular CSS Effects (Page 32)

Live preview Cards

Newspaper Headline Feature Card

Newspaper feature card with masthead, headline, and lead paragraph.

#shadow #border

Live preview Cards

NFT Display Card

NFT card with a generative art tile, token ID, and a floor price tag.

#gradient #transform #shadow

Live preview Cards

Nitrogen Cycle Card

Nitrogen cycle card with fixation, nitrification, and denitrification.

#gradient #shadow #border

Live preview Cards

Notification Toast

Slide-in notification toast with an app icon, title, message and timestamp.

#gradient #animation #shadow

Live preview Cards

Notification Settings Card

Notification settings card with app list and toggles.

#gradient #shadow #border

Live preview Cards

Notifications Panel Card

Notifications panel with app icon, title, and time.

#shadow #border

Live preview Cards

Now Playing Card

Compact now playing card with track, artist, and progress.

#gradient #shadow #filter

Live preview Cards

NPC Card

NPC card with portrait, name, and dialogue hint.

#gradient #shadow #border

Live preview Cards

Nutrition Facts Card

Nutrition facts label with calories, macros, and daily values.

#shadow #border

Live preview Cards

Ogre Card

Ogre card with massive club and brute strength.

#gradient #shadow #border

Live preview Cards

Onboarding Card

App onboarding card with illustration, title, and skip button.

#gradient #shadow #border

Live preview Cards

Online Status Card

Online status card with avatar, dot indicator, and activity.

#animation #gradient #shadow

Live preview Cards

Open Beta Card

Open beta card with public access and feedback link.

#gradient #shadow #border

Live preview Cards

Opera Ticket

Gold opera ticket with serif typography, ornate border, and box number.

#gradient #shadow #border

Live preview Cards

Prism Optics Card

Prism optics card showing white light splitting into spectrum.

#gradient #shadow #border

Live preview Cards

Orc Card

Orc card with brutal weapon and aggressive trait.

#gradient #shadow #border

Live preview Cards

Order Confirmation Card

Order confirmation with order number, status, and ETA.

#gradient #shadow #border

Live preview Cards

Organizer Pass

Organizer pass with clipboard icon and all-area clearance.

#gradient #shadow #border

Live preview Cards

Origami Fold Card

Card with diagonal origami fold panels that subtly shift on hover for a paper feel.

#gradient #hover #shadow

Live preview Cards

OTP Input Card

OTP input card with 6 code boxes and verify button.

#shadow #border

Live preview Cards

Out of Stock Card

Out of stock card with a greyscale image, diagonal SOLD OUT banner, and restock note.

#gradient #transform #shadow

Live preview Cards

Outfit Pick Day Card

Daily outfit pick card with weather, mood, and chosen outfit.

#shadow #border

Live preview Cards

Pac-Man Card

Retro arcade card with Pac-Man icon and high score.

#shadow #border

Live preview Cards

Oil Painting Canvas

Framed oil painting with an ornate gold frame, canvas texture and an engraved plaque.

#gradient #shadow #border

Live preview Cards

Painting Canvas Card

Gallery painting card with wood frame and signature.

#gradient #shadow

Live preview Cards

Paladin Card

Paladin card with holy aura and divine smite.

#gradient #shadow #border

Live preview Cards

Paleo Snack Card

Paleo snack card with primal icon and ingredient tagline.

#gradient #shadow #border

Live preview Cards

Panel Ticket

Panel discussion ticket with speaker lineup and topic banner.

#shadow #border

Live preview Cards

Pantry Shelf Card

Pantry inventory card with shelves of items, quantities, and expiry.

#gradient #shadow

Live preview Cards

Parking Pass Card

Parking pass card with a hanging tag shape, zone color, and license plate.

#gradient #transform #shadow

Live preview Cards

Passport Cover

National passport cover with a gold crest, country name and multi-language title.

#gradient #shadow #border

Live preview Cards

Passport Stamp Card

Passport stamp card with country, date, and entry mark.

#gradient #transform #shadow

Live preview Cards

Passport Stamp Card

Passport stamp card with country, entry date, and immigration officer.

#transform #shadow #border

Live preview Cards

Patreon Pledge Tier Card

Patreon pledge tier card with tier name, perks, and monthly amount.

#shadow #border

Live preview Cards

Pawn Card

Pawn piece card with white/black variant and movement hint.

#shadow #border

Live preview Cards

Pedometer Card

Step counter card with circular progress and distance stats.

#gradient #transform #shadow

Live preview Cards

Peel Corner Card

Card whose top-right corner peels back on hover to reveal a hidden layer beneath.

#gradient #hover #3d

Live preview Cards

Performer Pass

Performer pass with star icon and stage access level.

#gradient #shadow #border

Live preview Cards

Perfume Bottle Spray Card

Perfume bottle card with fragrance name, notes, and spray mist.

#animation #gradient #transform

Live preview Cards

Periodic Element Card

Periodic table element card with symbol, atomic number, and mass.

#gradient #shadow #border

Live preview Cards

Permission Request Card

Permission request card with app name and Allow/Deny buttons.

#shadow #border

Live preview Cards

Permit Card

Work permit card with seal, permit number, and validity window.

#shadow #border

Live preview Cards

pH Scale Card

pH scale card with acid, neutral, and base markers.

#gradient #shadow

Live preview Cards

Phoenix Card

Phoenix card with flame motif and rebirth tag.

#gradient #shadow #border

Live preview Cards

Photo Album Card

Photo album page with corner mounts and a centered photo.

#gradient #shadow #border

Live preview Cards

Photo Print Card

Photo print card with a glossy image, white border, and a handwritten caption.

#gradient #transform #shadow

Live preview Cards

Photo Collage Grid Card

Photo collage card with grid of differently sized image tiles.

#gradient #shadow

Live preview Cards

Wooden Photo Frame

Photo in a textured wooden frame with a beveled inner edge and a brass caption plate.

#gradient #shadow #border

Live preview Cards

Photo Grid Card

Photo grid card with image tiles and selection highlight.

#gradient #shadow

Live preview Cards

Photo Print Develop Card

Polaroid-style photo print card with developing image and date caption.

#gradient #shadow #filter

Live preview Cards

Photo Booth Strip Card

Photo booth strip card with four stacked frames and a hand-drawn caption.

#gradient #shadow #filter

Live preview Cards

Chess Piece Card

Chess piece card with silhouette, name, and value.

#gradient #shadow #border

Live preview Cards

Pilates Reformer Card

Pilates reformer class card with spring load and exercise sequence.

#gradient #shadow #border

Live preview Cards

Pin Button Card

Collectible pin button card with a glossy disc, shine highlight, and pin back.

#gradient #transform #shadow

Live preview Cards

PIN Pad Card

PIN pad card with number grid and dots indicator.

#gradient #shadow #border

Live preview Cards

Pinball Card

Pinball machine card with score, ball count, and high score.

#gradient #shadow #border

Live preview Cards

Table Tennis Card

Table tennis match card with set scores and serve indicator.

#gradient #shadow #border

Live preview Cards

Pizza Menu Card

Pizza menu card with slice icon and topping options.

#gradient #shadow #border

Live preview Cards

Pizza Toppings Card

Pizza builder card with crust, sauce, cheese, and toppings arranged circularly.

#gradient #shadow

Live preview Cards

Planet Card

Planet card with name, distance, and key facts.

#gradient #shadow #border

Live preview Cards

Plant Watering Card

Plant care card with watering schedule and moisture indicator.

#gradient #transform #shadow

Live preview Cards

Museum Plaque

Wall-mounted museum plaque with engraved brass text and four mounting screws.

#gradient #shadow #border

Live preview Cards

Playlist Card

Curated playlist card with cover grid and song count.

#gradient #shadow

Live preview Cards

Pocket Monster Card

Colorful creature card with HP bar, energy symbols, and a move description box.

#gradient #shadow #border

Live preview Cards

Podcast Card

Podcast episode card with cover art, play button, duration, and episode number.

#gradient #shadow

Live preview Cards

Podcast Episode Card

Podcast episode card with cover, episode number, and play button.

#gradient #shadow

Live preview Cards

Podcast Mini Card

Podcast mini card with cover, episode title, and play button.

#gradient #shadow #border

Live preview Cards

Podcast Player Card

Podcast player card with episode info and progress.

#gradient #shadow #border

Live preview Cards

Podcast Subscribe Feed Card

Podcast subscribe card with show art, title, and follow action.

#gradient #shadow #border

Live preview Cards

Pokedex Entry Card

Pokedex-style creature entry with sprite, type, and stats.

#gradient #shadow #border

Live preview Cards

Pokemon Trade Card

Pokemon trade card with CP, type, and trainer tag.

#gradient #shadow #border

Live preview Cards

Poker Blind Card

Poker tournament card with blind level, chip stack, and ante.

#gradient #shadow #border

Live preview Cards

Polaroid Photo

Classic polaroid photo card with a white frame, image area and a handwritten caption.

#gradient #hover #3d

Live preview Cards

Popcorn Bucket Card

Popcorn bucket card with size options and butter tag.

#gradient #shadow #border

Live preview Cards

Popular Card

Popular card with a speech-bubble badge, soft gradient, and a vote count.

#gradient #shadow

Live preview Cards

Postage Stamp Card

Postage stamp card with a perforated edge, denomination, and a tiny landscape.

#gradient #shadow #border

Live preview Cards

Vintage Postcard

Aged postcard with a stamp, circular postmark, address lines and a handwritten greeting.

#gradient #shadow #border

Live preview Cards

Postcard Travel Memory Card

Travel postcard card with destination image, message, and stamp.

#gradient #shadow #border

Live preview Cards

Poster Art Card

Art poster card with abstract shapes and gallery tag.

#gradient #shadow #filter

Live preview Cards

Potion Card

Potion card with bottle icon, effect, and stack count.

#gradient #shadow #border

Live preview Cards

Prepaid Card

Prepaid Visa-style card with chip, number, and balance.

#gradient #shadow #border

Live preview Cards

Press Pass

Press credential card with a red PRESS banner, photo box, and media outlet line.

#gradient #shadow #border

Live preview Cards

Press Media Badge

Press media badge with PRESS banner, outlet name, and lanyard cutout.

#transform #shadow #border

Live preview Cards

Pressable 3D Card

Chunky 3D card with a thick colored base that presses down flat on click.

#gradient #hover #3d

Live preview Cards

Price Tag

Hanging price tag with a string hole, crossed-out original, and sale price.

#gradient #shadow #border

Live preview Cards

Pricing Card

Pricing tier card with feature list and a featured highlight badge that lifts on hover.

#gradient #hover #shadow

Live preview Cards

Pricing Tier Card

Pricing tier card with a highlighted PRO plan, feature list, and a CTA button.

#gradient #transform #shadow

Live preview Cards

Privacy Settings Card

Privacy settings card with permission categories and counts.

#shadow #border

Live preview Cards

Probability Card

Probability card with dice, outcomes, and chance.

#gradient #shadow #border

Live preview Cards

Profile Card

Profile card with an avatar that zooms and a stats bar that slides up on hover.

#gradient #hover #shadow

Live preview Cards

App Profile Card

App profile card with avatar, stats, and follow button.

#gradient #shadow #border

Live preview Cards

Progress Card

Goal progress card with a percentage, animated bar, and a streak counter.

#animation #gradient #shadow

Live preview Cards

Promo Code Card

Promo code card with a dashed cut-out, monospace code, and a copy hint.

#gradient #transform #shadow

Live preview Cards

Publisher Press Card

Publisher press release card with logo, headline, and release date.

#shadow #border

Live preview Cards

Punch Card

Paper punch card with circular slots, a couple of which are punched through.

#gradient #transform #shadow

Live preview Cards

Punch Card

Coffee shop punch card with stamped circles and free reward.

#shadow #border

Browse by category

Popular tags