# shadow CSS effects

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

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.

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.

#animation #gradient #shadow

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.

Grid Background Input

Tech grid pattern background with glowing focus.

#animation #gradient #shadow

Lava Background Input

Hot lava gradient with crackling orange glow.

Light Themed Input

Bright clean light-themed input.

#animation #gradient #shadow

Mesh Gradient Background

Animated multi-color mesh gradient that drifts.

Monochrome Background Input

Black and white monochrome input with high contrast.

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.

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.

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.

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.

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.

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.

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.

Animated Arrow Dropdown

Dropdown with arrow indicator that rotates when focused.

#hover #gradient #transform

Avatar Dropdown

User dropdown with avatar and profile menu.

Bold Dropdown

Bold chunky dropdown with thick border and prominent text.

Border Glow Dropdown

Dropdown with glowing border on focus state.

#hover #transform #shadow

Card Style Dropdown

Dropdown styled as elevated card with shadow.

Clean Dropdown

Modern clean dropdown with custom arrow and subtle focus state.

Compact Dropdown

Smaller compact dropdown for tight UI spaces.

Context Menu Dropdown

Right-click context menu style with action items.

Country Picker Dropdown

Country picker dropdown with flag emojis in options.

Currency Dropdown

Currency picker with symbol prefix and clean styling.

Cyber Dropdown

Cyberpunk dropdown with angular clip-path shapes.

Dark Dropdown

Dark themed dropdown with elevated focus state.

Fade Background Dropdown

Dropdown with smooth background fade on focus.

Flip Arrow Dropdown

Dropdown with arrow that flips on focus in 3D.

Floating Label Dropdown

Dropdown with floating label that animates when focused.

Fluent Dropdown

Microsoft Fluent design dropdown with subtle motion.

Grouped Options Dropdown

Dropdown with optgroup for organized categorized options.

Icon Dropdown

Dropdown with leading icon that lights up on focus.

Language Picker Dropdown

Language picker with code labels and globe icon.

Large Dropdown

Oversized dropdown for prominent form selections.

Light Dropdown

Light theme dropdown with clean white background.

#hover #transform #shadow

Menu Dropdown

Context menu dropdown with icon options.

Modern Dropdown

Sleek modern dropdown with elevation and accent color.

#hover #transform #shadow

Multi-Select Chip Dropdown

Multi-select dropdown with chips for selected items.

Neon Dropdown

Cyberpunk neon dropdown with bright accent on focus.

Outline Dropdown

Outline style dropdown with no fill background.