Most popular CSS effects

#gradient #transform #shadow

Live preview Checkboxes

Uranus Ice Giant

A pale cyan ice giant tilted sideways when checked.

Live preview Checkboxes

Van Toggle

A van scales in purple when checked.

#gradient #transform #shadow

Live preview Checkboxes

Venus Golden Clouds

A warm yellow-orange Venus glows with thick clouds when checked.

Live preview Checkboxes

Vienna Coffee Toggle

A vienna pulses amber when checked.

Live preview Checkboxes

Violin Toggle

A violin fades in amber when checked.

Live preview Checkboxes

Vireo Toggle

A vireo slides in green when checked.

Live preview Checkboxes

Vodka Toggle

A vodka pulses blue when checked.

Live preview Checkboxes

Volcano Erupt Toggle

A volcano glows red-orange when checked.

Live preview Checkboxes

Volleyball Toggle

A volleyball slides in blue when checked.

Live preview Checkboxes

Vulture Toggle

A vulture spins black when checked.

Live preview Checkboxes

Warbler Toggle

A warbler pulses yellow when checked.

Live preview Checkboxes

Wasp Toggle

A wasp fades in yellow when checked.

Live preview Checkboxes

Watch Wrist Toggle

A watch glows blue when checked.

Live preview Checkboxes

Water Glass Toggle

A water drop glows blue when checked.

Live preview Checkboxes

Waterbug Toggle

A waterbug bounces blue on check.

Live preview Checkboxes

Watermelon Slice Toggle

A watermelon slice pops with a pink-green glow when checked.

Live preview Checkboxes

Waxwing Toggle

A waxwing flips brown when checked.

Live preview Checkboxes

Weevil Toggle

A weevil glows brown when checked.

Live preview Checkboxes

Weightlifting Toggle

A weightlifter flips red when checked.

Live preview Checkboxes

Whale Spout Toggle

A whale glows deep blue when checked.

Live preview Checkboxes

Whimbrel Toggle

A whimbrel fades in brown when checked.

Live preview Checkboxes

Whippoorwill Toggle

A whippoorwill glows brown when checked.

Live preview Checkboxes

Whiskey Glass Toggle

A whiskey glass glows amber when checked.

Live preview Checkboxes

White Tea Toggle

A white tea shakes yellow when checked.

Live preview Checkboxes

Wifi Signal Toggle

An SVG wifi icon lights up in cyan with a soft glow when the device goes online.

#shadow #border #filter

Live preview Checkboxes

Wigeon Toggle

A wigeon rotates brown on check.

Live preview Checkboxes

Wilt Flower Toggle

A wilted flower brightens when checked.

Live preview Checkboxes

Wind Blow Toggle

A wind emoji blows cyan when checked.

Live preview Checkboxes

Window View Toggle

A window glows blue when checked.

Live preview Checkboxes

Wine Pour Toggle

A wine glass fills with a deep red glow when checked.

Live preview Checkboxes

Wolf Howl Toggle

A wolf howls with a gray glow when checked.

Live preview Checkboxes

Woodcock Toggle

A woodcock bounces brown on check.

Live preview Checkboxes

Woodpecker Toggle

A woodpecker shakes red when checked.

Live preview Checkboxes

Wren Toggle

A wren slides in brown when checked.

#border #transform #rotate

Live preview Checkboxes

X Mark Toggle

A square that reveals a red X mark when toggled on — the inverse of a checkmark.

Live preview Checkboxes

Yacht Toggle

A yacht glides in teal when checked.

Live preview Checkboxes

Yellowthroat Toggle

A yellowthroat spins yellow when checked.

Live preview Checkboxes

Yuzu Toggle

A yuzu flips yellow when checked.

Live preview Checkboxes

Zap Energy Toggle

A lightning bolt flickers yellow when checked.

Live preview Checkboxes

Zebra Stripes Toggle

A zebra shakes with a white glow when checked.

Live preview Checkboxes

Zodiac Sign Toggle

A zodiac wheel spins and highlights when checked.

Aurora Background Input

Northern lights aurora gradient background for the input.

Card Style Input

Elevated card-like input with shadow and rounded corners.

Cream Background Input

Warm cream-colored input with brown text.

Cyberpunk Background Input

Cyberpunk neon city background with grid floor.

Dark Themed Input

Sleek dark-themed input with subtle inner glow.

Embossed Input

Embossed stone-textured input with deep shadow.

Forest Background Input

Deep forest green gradient background.

Frost Background Input

Cold frost-tinted background with crystalline overlay.

Glowing Background Input

Background glows brightly on focus, color seeping outward.

Gradient Background Input

Input with an animated gradient background that shifts on focus.

Grid Background Input

Tech grid pattern background with glowing focus.

Lava Background Input

Hot lava gradient with crackling orange glow.

Light Themed Input

Bright clean light-themed input.

Mesh Background Input

Input with a vibrant mesh gradient background.

Mesh Gradient Background

Animated multi-color mesh gradient that drifts.

Monochrome Background Input

Black and white monochrome input with high contrast.

Neon Background Input

Dark input with neon glow background on focus.

Noise Texture Input

Input with a subtle noise texture overlay for tactile feel.

Ocean Background Input

Calm ocean blue gradient background.

Paper Texture Input

Cream paper-textured input with subtle lines.

Pattern Background Input

Decorative pattern background using CSS gradients.

Stars Background Input

Cosmic starfield background with twinkling dots.

Sunken Input

Deeply sunken input that appears pressed into surface.

Sunset Background Input

Warm sunset gradient orange to pink background.

Transparent Input

Borderless transparent input with bold underline.

Vaporwave Background Input

Vaporwave pink-cyan gradient aesthetic.

3D Border Input

Skeuomorphic 3D raised border that depresses on focus.

Beveled Border Input

Retro beveled border giving a 90s button look.

Corner Brackets Border

Sci-fi style input framed by four animated corner brackets.

Cyber Border Input

Cyberpunk-style input with glowing magenta-cyan corner accents.

Dashed Border Input

Input with a dashed border that solidifies on focus.

Animated Dashes Border

Input with a dashed border that marches around on focus.

Dotted Border Input

Input with a dotted border that becomes solid on focus.

Double Border Input

Input with a double border that subtly shifts on focus.

#animation #gradient #border

Fire Border Input

Animated fire-effect border using layered gradients.

Framed Border Input

Decorative frame border with corner ornaments.

Glow Border Input

Simple input with a soft glow border that intensifies on focus.

Glow Pulse Border Input

Border glow pulses outward in expanding rings on focus.

Glow Ring Border Input

Expanding glow ring radiates outward on focus.

#animation #gradient #border

Gradient Border Input

Input wrapped with an animated gradient border using padding box trick.

Inset Border Input

Sunken inset border that pops out on focus.

Multi Color Border Input

Each side of the border has a different animated color.

#gradient #border

Neon Border Input

Cyberpunk-style neon-bordered input that pulses on focus.

Outset Border Input

Raised neumorphic outset border that sinks on focus.

Pulse Border Input

Border softly pulses with a colored glow when input is focused.

#animation #gradient #border

Rainbow Border Input

Border continuously cycles through rainbow hues.

Retro Terminal Border

Old terminal-style input with chunky inset border.

#animation #gradient #transform

Rotating Gradient Border

Conic gradient border rotates around the input continuously.

#animation #gradient #transform

Shimmer Border Input

Border has a traveling shimmer light effect on focus.

Thick Border Input

Bold thick border that thins on focus for inverse effect.

Thin Border Input

Ultra-thin elegant border that thickens subtly on focus.

#animation #gradient #transform

Trace Border Input

A glowing trace light travels around the input border on focus.

#gradient #transform #border

Animated Underline Border

Bottom underline grows from center outward on focus.

3D Dropdown

Dropdown with 3D depth shadow on focus.