Most popular CSS effects

Live preview Checkboxes

Topaz Golden Gem

A golden topaz gem shimmers with warm light 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

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.

#gradient #clip-path #transform

Live preview Checkboxes

Zipper Checkbox

A zipper pull travels along the track and closes the teeth behind it.

Live preview Checkboxes

Zodiac Sign Toggle

A zodiac wheel spins and highlights when checked.

#transform #shadow #border

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

#transform #shadow #border

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.

#animation #gradient #border

Gradient Border Input

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

Neon Border Input

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