#transform CSS effects

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

Live preview Buttons

Doodle Sketch Button

Hand-drawn doodle button with a wobbly outline.

#hover #transform #border

Live preview Buttons

Double Border Button

Outer border expands outward while inner border morphs on hover.

#hover #shadow #border

Live preview Buttons

Drift Cloud Button

Button that drifts gently sideways on hover.

#hover #animation #gradient

Live preview Buttons

Water Drop Button

Teardrop-shaped button that wobbles on hover.

#hover #animation #gradient

Live preview Buttons

Drum Beat Button

Button that pulses like a drum beat on hover.

#hover #animation #gradient

Live preview Buttons

Duckling Yellow

Soft fuzzy duckling yellow button.

#hover #gradient #transform

Live preview Buttons

Dusk Sunset Button

Warm dusk-gradient button that shifts to twilight on hover.

#hover #gradient #transform

Live preview Buttons

Dust Puff Button

Button that puffs a cloud of dust on click.

#animation #transform #border

Live preview Buttons

Dwarf Star

Dwarf-star button with a small bright core.

#hover #gradient #transform

Live preview Buttons

Echinacea

Echinacea-coneflower button with spiky pink petals.

#hover #gradient #transform

Live preview Buttons

Eclipse Shadow Button

Button with a moon shadow sliding across like an eclipse.

#hover #transform #border

Live preview Buttons

Eclipse Shadow

Solar-eclipse button with a creeping shadow disk.

#hover #gradient #transform

Live preview Buttons

Elastic Snap Button

Button that elastically snaps back into shape on hover.

#hover #animation #transform

Live preview Buttons

Electric Surge Button

Button with crackling electric surge on hover.

#hover #animation #transform

Live preview Buttons

Deep Emerald

Deep emerald green with faceted crystal sheen.

#hover #gradient #transform

Live preview Buttons

Emerald Shine Button

Emerald green button with a gem-like shine sweep.

#hover #gradient #transform

Live preview Buttons

Emoji Pop Button

Cheerful button with an emoji that pops in on hover.

#hover #transform #shadow

Live preview Buttons

Emphasis Bold Button

Minimal button that emphasizes itself with bold underline on hover.

#hover #transform #border

Live preview Buttons

Enamel Pin Button

Glossy enamel pin button with a metallic rim.

#hover #gradient #transform

Live preview Buttons

Energy Core Button

Button with a pulsing energy core in its center.

#animation #gradient #transform

Live preview Buttons

Epoxy Resin Button

Glossy epoxy resin button with a glass-like dome.

#hover #gradient #transform

Live preview Buttons

Escalate Step Button

Button that escalates upward in stepped increments on hover.

#hover #animation #transform

Live preview Buttons

Estuary

Estuary button blending blue water with brown silt.

#hover #gradient #transform

Live preview Buttons

Etch Engrave Button

Metal button with an etched engraved text effect.

#hover #gradient #transform

Live preview Buttons

Euro Slate Button

European-style slate button with a sharp bevel.

#hover #transform #shadow

Live preview Buttons

Event Horizon

Black-hole event-horizon button with a glowing rim.

#hover #gradient #transform

Live preview Buttons

Evolve Shape Button

Button whose border-radius morphs on hover.

#hover #transform #border

Live preview Buttons

Expand Ring Button

Button with an expanding ring pulsing outward on hover.

#hover #animation #transform

Live preview Buttons

Explode Burst Button

Button that explodes into fragments on click.

#animation #transform #border

Live preview Buttons

Express Train Button

Bold button that zooms forward with motion blur on hover.

#hover #gradient #transform

Live preview Buttons

Fairy Dust Button

Pastel fairy button with sparkling dust on hover.

#hover #gradient #transform

Live preview Buttons

Falcon Dive Button

Sharp angular button that swoops down on hover.

#hover #transform #border

Live preview Buttons

Fathom Deep Button

Mysterious deep-blue button that seems to recede on hover.

#hover #gradient #transform

Live preview Buttons

Feather Soft Button

Lightweight feather button that drifts on hover.

#hover #transform #shadow

Live preview Buttons

Feldgrau

Field-gray military button with a matte finish.

#hover #gradient #transform

Live preview Buttons

Fern Frond

Fern-green button with a curled frond tip.

#hover #gradient #transform

Live preview Buttons

Ferro Fluid Button

Metallic ferrofluid button with magnetic ripple on hover.

#hover #gradient #transform

Live preview Buttons

Fiber Optic Button

Button with fiber-optic light strands glowing on hover.

#hover #gradient #transform

Live preview Buttons

Fierce Flame Button

Bold red button with a fierce flickering flame edge.

#animation #gradient #transform

Live preview Buttons

Fig Ripeness

Deep purple fig with green stem hint.

#hover #gradient #transform

Live preview Buttons

Firmament

Firmament button with deep midnight-blue stars.

#hover #gradient #transform

Live preview Buttons

Fjord

Fjord-blue button with deep cold depths.

#hover #gradient #transform

Live preview Buttons

Flamingo Pink

Tropical flamingo pink with leg-yellow accent.

#hover #gradient #transform

Live preview Buttons

Flare Up

Solar-flare button with a sudden bright burst.

#hover #animation #gradient

Live preview Buttons

3D Flip Button

Button that flips on its Y axis revealing a back face on hover.

#hover #transform #border

Live preview Buttons

Float Soft Button

Soft pastel button that floats gently up and down.

#hover #animation #transform

Live preview Buttons

Flood Tide

Flood-tide button with a rising blue swell.

#hover #gradient #transform

Live preview Buttons

Flow Paint Button

Button with liquid paint flowing across on hover.

#hover #transform #border

Live preview Buttons

Fluctuate Wave Button

Button whose height fluctuates in a sine wave on hover.

#hover #animation #transform

Live preview Buttons

Flywheel

Spinning flywheel button with concentric momentum.

#hover #animation #gradient

Live preview Buttons

Foil Wrap Button

Crinkled metallic foil button with shimmering reflections.

#hover #gradient #transform

Live preview Buttons

Forge Iron

Forge-iron button with hot orange-blacksmith tones.

#hover #gradient #transform

Live preview Buttons

Foundry

Foundry-button with a glowing molten pour.

#hover #gradient #transform

Live preview Buttons

Foxglove Bloom

Spotted foxglove purple-pink bells.

#hover #gradient #transform

Live preview Buttons

Frangipani Petal

Cream-yellow frangipani petal button.

#hover #gradient #transform

Live preview Buttons

Fresh Mint Button

Crisp mint-green button with a fresh burst on hover.

#hover #gradient #transform

Live preview Buttons

Frost Edge Button

Icy button with a frosted crystalline edge on hover.

#hover #transform #shadow

Live preview Buttons

Frozen Ice Button

Cyan button that appears frozen with ice crystals.

#hover #gradient #transform

Live preview Buttons

Fuchsia Tinge

Bright fuchsia button with a luminous tinge.

#hover #transform #shadow

Live preview Buttons

Fuel Gauge Button

Industrial button with a fuel gauge fill on hover.

#hover #gradient #transform

Live preview Buttons

Galactic

Galactic-core button with swirling violet-blue.

#hover #animation #gradient

Live preview Buttons

Galaxy Spiral

Galaxy-spiral button with rotating arm accents.

#hover #animation #gradient

Live preview Buttons

Galaxy Swirl Button

Deep-space button with a swirling galaxy gradient.

#animation #gradient #transform

Live preview Buttons

Garnet Stone

Deep red garnet gem with facet sheen.

#hover #gradient #transform

Live preview Buttons

Gauge

Pressure-gauge button with a dial needle.

#hover #gradient #transform

Live preview Buttons

Gazelle Leap

Tan gazelle-fawn button with leap animation.

#hover #gradient #transform

Live preview Buttons

Geyser

Geyser button with an erupting water plume.

#hover #gradient #transform

Live preview Buttons

Ghost Fade Button

Translucent ghost button that fades and drifts on hover.

#hover #transform #border

Live preview Buttons

Glaze Ceramic Button

Glossy ceramic-glazed button with a soft sheen.

#hover #gradient #transform

Live preview Buttons

Glide Path

Aerospace glide path with subtle motion.

#animation #gradient #transform

Live preview Buttons

Glide Soft Button

Button that glides smoothly to the right on hover.

#hover #transform #border

Live preview Buttons

Glow Trail Button

Button that leaves a glowing trail as it moves on hover.

#hover #transform #shadow

Live preview Buttons

Gold Leaf Button

Luxurious gold-leaf button with a flake texture.

#hover #gradient #transform

Live preview Buttons

Gourmet Plated Button

Refined restaurant-style button with a fine rim.

#hover #transform #shadow

Live preview Buttons

Grand Stage Button

Majestic purple button with a stage spotlight on hover.

#hover #gradient #transform

Live preview Buttons

Grape Cluster

Purple grape cluster with berry dots.

#hover #gradient #transform

Live preview Buttons

Gravel Path Button

Button with a scattered gravel pebble texture.

#hover #gradient #transform

Live preview Buttons

Grime Streak Button

Worn button with grime streaks and distressed edges.

#hover #gradient #transform

Live preview Buttons

Vinyl Groove Button

Black button textured like a vinyl record groove.

#hover #animation #gradient

Live preview Buttons

Guppy Fin

Tropical guppy orange-blue with fin shape.

#hover #gradient #transform

Live preview Buttons

Halo Ring Button

Sacred button with a soft golden halo on hover.

#hover #gradient #transform

Live preview Buttons

Hammer Strike Button

Heavy button that strikes down with force on click.

#hover #transform #shadow

Live preview Buttons

Harbor Bay Button

Deep harbor-blue button with a calm water line.

#animation #gradient #transform

Live preview Buttons

Hard Light Button

Neon button with a stark hard-light edge.

#hover #transform #shadow

Live preview Buttons

Has-Selector Loading Button

Clicking swaps the label for a spinner, driven purely by the :has() parent selector.

#animation #hover #transform

Live preview Buttons

Hatch Lines Button

Sketchy button with crosshatched shading lines.

#hover #gradient #transform

Live preview Buttons

Hawaii Surf

Hawaii-surf button with tropical turquoise.

#hover #gradient #transform

Live preview Buttons

Hazel Eye

Hazel-eye brown-green with golden ring.

#hover #gradient #transform

Live preview Buttons

Heliotrope

Magenta heliotrope button with sun-facing glow.

#hover #gradient #transform

Live preview Buttons

Hibiscus Bloom

Tropical hibiscus red with yellow stamen.

#hover #gradient #transform

Live preview Buttons

High Voltage Button

Danger button with a yellow caution stripe and voltage glow.

#hover #gradient #transform

Live preview Buttons

Hint Tooltip Button

Small button that reveals a hint tooltip on hover.

#hover #transform #border

Live preview Buttons

Hollyhock Stalk

Pink hollyhock along tall green stalk.

#hover #gradient #transform

Live preview Buttons

Honey Drip Button

Golden honey button with a slow drip on the bottom edge.

#animation #gradient #transform

Live preview Buttons

Horizon Line Button

Sunset button with a glowing horizon line on hover.

#hover #gradient #transform

Live preview Buttons

Horizon Line

Horizon-line button with sun-meets-sea accent.

#hover #gradient #transform

Popular tags