# shadow CSS effects

#shadow #transform #filter

Live preview Checkboxes

Thumbs Up Like

A grayscale thumbs-up emoji that fills with color and pops with a tilt when liked.

Live preview Checkboxes

Tick Toggle

A tick slides in red when checked.

Live preview Checkboxes

Ticket Admit Toggle

A ticket glows yellow when checked.

Live preview Checkboxes

Tiger Stripes Toggle

A tiger glows orange when checked.

Live preview Checkboxes

Titmouse Toggle

A titmouse fades in gray when checked.

Live preview Checkboxes

Tomato Ripe Toggle

A tomato brightens red when checked.

Live preview Checkboxes

Tools Build Toggle

Tools glow amber when checked.

Live preview Checkboxes

Topaz Golden Gem

A golden topaz gem shimmers with warm light when checked.

Live preview Checkboxes

Tornado Spin Toggle

A tornado spins gray when checked.

Live preview Checkboxes

Tokyo Tower Toggle

A Tokyo tower glows red-orange when checked.

Live preview Checkboxes

Towhee Toggle

A towhee glows orange when checked.

Live preview Checkboxes

Train Locomotive Toggle

A green locomotive rolls in when checked.

Live preview Checkboxes

Tram Toggle

A tram slides in indigo when checked.

Live preview Checkboxes

Treble Clef Toggle

A treble clef slides up gold when checked.

Live preview Checkboxes

Tree Grow Toggle

A tree brightens green when checked.

Live preview Checkboxes

Tree Duck Toggle

A tree duck rotates brown on check.

#shadow #border #transform

Live preview Checkboxes

Triangle Play Mark

A triangle play-icon shape that fills with violet and scales in when checked.

Live preview Checkboxes

Triathlon Toggle

A triathlete flips blue when checked.

#shadow #transform #filter

Live preview Checkboxes

Trophy Win Toggle

A dim trophy emoji shines with a golden glow and pops in when earned.

Live preview Checkboxes

Tropicbird Toggle

A tropicbird flips white when checked.

Live preview Checkboxes

Trumpet Toggle

A trumpet bounces in gold when checked.

Live preview Checkboxes

Tulip Spring Toggle

A tulip glows pink when checked.

Live preview Checkboxes

Turkey Toggle

A turkey bounces brown on check.

Live preview Checkboxes

Turkish Coffee Toggle

A turkish coffee flips brown when checked.

Live preview Checkboxes

Turnstone Toggle

A turnstone shakes orange when checked.

Live preview Checkboxes

Turquoise Stone Toggle

A turquoise stone with webbed matrix lights up when checked.

Live preview Checkboxes

Turtle Slow Toggle

A turtle peeks with a green glow when checked.

Live preview Checkboxes

TV Watch Toggle

A TV glows blue when checked.

Live preview Checkboxes

Twinkle Star Toggle

A star twinkles gold when checked.

Live preview Checkboxes

UFO Abduct Toggle

A UFO floats green when checked.

#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.

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.

#transform #shadow #border

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.