#transform CSS effects

5,765 free, pure-CSS effects match the "transform" tag. Each is copy-ready and needs no library or build step.

Live preview Checkboxes

Temple Toggle

A Hindu temple glows orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Tennis Ball Toggle

A tennis ball shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Tent Camp Toggle

A camping tent pops in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Tequila Toggle

A tequila slides in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Termite Toggle

A termite pulses brown when checked.

#animation #transform #shadow

Live preview Checkboxes

Tern Toggle

A tern pulses gray when checked.

#animation #transform #shadow

Live preview Checkboxes

Fabric Texture Toggle

A woven fabric texture in red when checked.

#gradient #transform #shadow

Live preview Checkboxes

Glass Texture Toggle

A frosted glass texture with blue tint when checked.

#gradient #transform #shadow

Live preview Checkboxes

Leather Texture Toggle

A brown leather pebbled texture when checked.

#gradient #transform #shadow

Live preview Checkboxes

Marble Texture Toggle

A white marble veined texture when checked.

#gradient #transform #shadow

Live preview Checkboxes

Metal Texture Toggle

A brushed metal texture with silver shine when checked.

#gradient #transform #shadow

Live preview Checkboxes

Paper Texture Toggle

A cream paper texture with subtle grain when checked.

#gradient #transform #shadow

Live preview Checkboxes

Sand Texture Toggle

A sandy tan texture with grain when checked.

#gradient #transform #shadow

Live preview Checkboxes

Stone Texture Toggle

A stone-textured box that solidifies gray when checked.

#gradient #transform #shadow

Live preview Checkboxes

Water Texture Toggle

A rippling water texture in blue when checked.

#gradient #transform #shadow

Live preview Checkboxes

Wood Texture Toggle

A wood-textured box that warms to brown when checked.

#gradient #transform #shadow

Live preview Checkboxes

Thrip Toggle

A thrip flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Thrush Toggle

A thrush flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Thumbs Up Like

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

#shadow #transform #filter

Live preview Checkboxes

Tick Toggle

A tick slides in red when checked.

#transform #shadow #filter

Live preview Checkboxes

Tick Cross Morph

An X mark morphs into a checkmark with a color shift from red to green when checked.

#border #transform #rotate

Live preview Checkboxes

Ticket Admit Toggle

A ticket glows yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Tiger Stripes Toggle

A tiger glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Titmouse Toggle

A titmouse fades in gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Tomato Ripe Toggle

A tomato brightens red when checked.

#transform #shadow #filter

Live preview Checkboxes

Tools Build Toggle

Tools glow amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Tornado Spin Toggle

A tornado spins gray when checked.

#transform #shadow #filter

Live preview Checkboxes

Tokyo Tower Toggle

A Tokyo tower glows red-orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Towhee Toggle

A towhee glows orange when checked.

#transform #shadow #filter

Live preview Checkboxes

Train Locomotive Toggle

A green locomotive rolls in when checked.

#transform #shadow #filter

Live preview Checkboxes

Tram Toggle

A tram slides in indigo when checked.

#transform #shadow #filter

Live preview Checkboxes

Treble Clef Toggle

A treble clef slides up gold when checked.

#transform #shadow #filter

Live preview Checkboxes

Tree Grow Toggle

A tree brightens green when checked.

#transform #shadow #filter

Live preview Checkboxes

Tree Duck Toggle

A tree duck rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Triangle Play Mark

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

#shadow #border #transform

Live preview Checkboxes

Triathlon Toggle

A triathlete flips blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Trophy Win Toggle

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

#shadow #transform #filter

Live preview Checkboxes

Tropicbird Toggle

A tropicbird flips white when checked.

#transform #shadow #filter

Live preview Checkboxes

Trumpet Toggle

A trumpet bounces in gold when checked.

#animation #transform #shadow

Live preview Checkboxes

Tulip Spring Toggle

A tulip glows pink when checked.

#transform #shadow #filter

Live preview Checkboxes

Turkey Toggle

A turkey bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Turkish Coffee Toggle

A turkish coffee flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Turnstone Toggle

A turnstone shakes orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Turtle Slow Toggle

A turtle peeks with a green glow when checked.

#transform #shadow #filter

Live preview Checkboxes

TV Watch Toggle

A TV glows blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Twinkle Star Toggle

A star twinkles gold when checked.

#animation #transform #shadow

Live preview Checkboxes

UFO Abduct Toggle

A UFO floats green when checked.

#animation #transform #shadow

Live preview Checkboxes

Uranus Ice Giant

A pale cyan ice giant tilted sideways when checked.

#gradient #transform #shadow

Live preview Checkboxes

Van Toggle

A van scales in purple when checked.

#transform #shadow #filter

Live preview Checkboxes

Venus Golden Clouds

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

#gradient #transform #shadow

Live preview Checkboxes

Vienna Coffee Toggle

A vienna pulses amber when checked.

#animation #transform #shadow

Live preview Checkboxes

Violin Toggle

A violin fades in amber when checked.

#transform #shadow #filter

Live preview Checkboxes

Vireo Toggle

A vireo slides in green when checked.

#transform #shadow #filter

Live preview Checkboxes

Vodka Toggle

A vodka pulses blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Volcano Erupt Toggle

A volcano glows red-orange when checked.

#animation #transform #shadow

Live preview Checkboxes

Volleyball Toggle

A volleyball slides in blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Vulture Toggle

A vulture spins black when checked.

#animation #transform #shadow

Live preview Checkboxes

Warbler Toggle

A warbler pulses yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Wasp Toggle

A wasp fades in yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Watch Wrist Toggle

A watch glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Water Glass Toggle

A water drop glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Waterbug Toggle

A waterbug bounces blue on check.

#animation #transform #shadow

Live preview Checkboxes

Watermelon Slice Toggle

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

#transform #shadow #filter

Live preview Checkboxes

Waxwing Toggle

A waxwing flips brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Weevil Toggle

A weevil glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Weightlifting Toggle

A weightlifter flips red when checked.

#transform #shadow #filter

Live preview Checkboxes

Whale Spout Toggle

A whale glows deep blue when checked.

#animation #transform #shadow

Live preview Checkboxes

Whimbrel Toggle

A whimbrel fades in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Whippoorwill Toggle

A whippoorwill glows brown when checked.

#transform #shadow #filter

Live preview Checkboxes

Whiskey Glass Toggle

A whiskey glass glows amber when checked.

#transform #shadow #filter

Live preview Checkboxes

White Tea Toggle

A white tea shakes yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Wigeon Toggle

A wigeon rotates brown on check.

#transform #shadow #filter

Live preview Checkboxes

Wilt Flower Toggle

A wilted flower brightens when checked.

#transform #shadow #filter

Live preview Checkboxes

Wind Blow Toggle

A wind emoji blows cyan when checked.

#transform #shadow #filter

Live preview Checkboxes

Window View Toggle

A window glows blue when checked.

#transform #shadow #filter

Live preview Checkboxes

Wine Pour Toggle

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

#transform #shadow #filter

Live preview Checkboxes

Wolf Howl Toggle

A wolf howls with a gray glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Woodcock Toggle

A woodcock bounces brown on check.

#animation #transform #shadow

Live preview Checkboxes

Woodpecker Toggle

A woodpecker shakes red when checked.

#animation #transform #shadow

Live preview Checkboxes

Wren Toggle

A wren slides in brown when checked.

#transform #shadow #filter

Live preview Checkboxes

X Mark Toggle

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

#border #transform #rotate

Live preview Checkboxes

Yacht Toggle

A yacht glides in teal when checked.

#transform #shadow #filter

Live preview Checkboxes

Yellowthroat Toggle

A yellowthroat spins yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Yuzu Toggle

A yuzu flips yellow when checked.

#transform #shadow #filter

Live preview Checkboxes

Zap Energy Toggle

A lightning bolt flickers yellow when checked.

#animation #transform #shadow

Live preview Checkboxes

Zebra Stripes Toggle

A zebra shakes with a white glow when checked.

#animation #transform #shadow

Live preview Checkboxes

Zodiac Sign Toggle

A zodiac wheel spins and highlights when checked.

#transform #shadow #border

Live preview Forms

3D Border Input

Skeuomorphic 3D raised border that depresses on focus.

#transform #shadow #border

Live preview Forms

Cyber Border Input

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

#transform #shadow #border

Live preview Forms

Rotating Gradient Border

Conic gradient border rotates around the input continuously.

#animation #gradient #transform

Live preview Forms

Shimmer Border Input

Border has a traveling shimmer light effect on focus.

#animation #gradient #transform

Live preview Forms

Trace Border Input

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

#animation #gradient #transform

Live preview Forms

Animated Underline Border

Bottom underline grows from center outward on focus.

#gradient #transform #border

Popular tags