#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

Hover Lift Shadow

Clean button that lifts up with an elongated shadow on hover.

#hover #shadow #border

Live preview Buttons

Hum Vibration Button

Subtle button that hums with tiny vibrations on hover.

#hover #animation #transform

Live preview Buttons

Husk Shell Button

Earthy button textured like a corn husk shell.

#hover #gradient #transform

Live preview Buttons

Hydraulic Press

Hydraulic-press button with steel-blue pressure depth.

#hover #gradient #transform

Live preview Buttons

Ice Floe

Ice-floe button with a frozen white-blue surface.

#hover #gradient #transform

Live preview Buttons

Ice Glow Button

Pale cyan button with an icy inner glow.

#hover #gradient #transform

Live preview Buttons

Icon Swap Button

Plus icon slides up and out, replaced by a green checkmark sliding in.

#hover #border #transform

Live preview Buttons

Ignite Spark Button

Dark button that ignites with a flame on hover.

#hover #gradient #transform

Live preview Buttons

Impala Leap

Tan impala-fawn with leaping motion.

#hover #gradient #transform

Live preview Buttons

Indigo Haze

Indigo button with a hazy outer aura.

#hover #gradient #transform

Live preview Buttons

Ink Bleed Button

Dark ink blob bleeds out from the center with an organic morphing edge.

#animation #hover #border

Live preview Buttons

Ink Drop Button

Button with an ink drop splashing into its background on hover.

#hover #transform #border

Live preview Buttons

Inlet

Coastal-inlet button with calm blue waters.

#hover #gradient #transform

Live preview Buttons

Intersect Lines Button

Minimal button with intersecting cross lines on hover.

#hover #transform #border

Live preview Buttons

Ionosphere

Ionosphere button with an electric blue-violet glow.

#hover #gradient #transform

Live preview Buttons

Iris Aperture Button

Camera-iris button whose aperture opens on hover.

#hover #gradient #transform

Live preview Buttons

Iris Petal

Iris-violet button with a drooping petal accent.

#hover #gradient #transform

Live preview Buttons

Iron Plate Button

Heavy iron-plated button with rivets and a beveled edge.

#hover #gradient #transform

Live preview Buttons

Island Shore Button

Sandy island button surrounded by a teal water ring.

#hover #transform #shadow

Live preview Buttons

Ivory Bone Button

Creamy ivory button with a polished bone finish.

#hover #gradient #transform

Live preview Buttons

Ivory Wash

Soft ivory button with a painted wash look.

#hover #gradient #transform

Live preview Buttons

Jade Stone Button

Polished jade-green button with a translucent stone sheen.

#hover #gradient #transform

Live preview Buttons

Jade Mist

Misty jade-green button with soft inner glow.

#hover #gradient #transform

Live preview Buttons

Jasmine Bloom

White jasmine bloom with yellow center.

#hover #gradient #transform

Live preview Buttons

Jet Stream Button

Sleek dark button with a jet-stream trail on hover.

#hover #gradient #transform

Live preview Buttons

Jolt Shock Button

Yellow button that jolts with a quick shock on hover.

#hover #animation #transform

Live preview Buttons

Joy Burst Button

Cheerful button that bursts with colorful rays on hover.

#hover #gradient #transform

Live preview Buttons

Kaleidoscope Button

Colorful button with a rotating kaleidoscope pattern.

#animation #gradient #transform

Live preview Buttons

Kayak

Kayak button with a streamlined hull shape.

#hover #gradient #transform

Live preview Buttons

Kelp Forest Button

Underwater green button with swaying kelp strands.

#animation #gradient #transform

Live preview Buttons

Kelp Crown

Kelp-crown button with a golden sea crown.

#hover #gradient #transform

Live preview Buttons

Kelp Forest

Underwater kelp forest green with current.

#animation #gradient #transform

Live preview Buttons

Kick Drum Button

Round button that kicks with a thump on click.

#gradient #transform #shadow

Live preview Buttons

Kiln

Kiln-button with a fiery ceramic interior.

#hover #gradient #transform

Live preview Buttons

Kingfisher Dive

Bright kingfisher blue-orange bird button.

#hover #gradient #transform

Live preview Buttons

Kite Fly Button

Diamond-shaped kite button that sways in the wind on hover.

#hover #animation #gradient

Live preview Buttons

Knot Tie Button

Rope-knot button with a twisted cord border on hover.

#hover #transform #shadow

Live preview Buttons

Koi Pond

Orange-white koi fish swimming button.

#hover #gradient #transform

Live preview Buttons

Lagoon Pool Button

Tropical lagoon button with rippling water surface.

#animation #gradient #transform

Live preview Buttons

Lagoon Calm

Calm lagoon button with a smooth cyan surface.

#hover #gradient #transform

Live preview Buttons

Lake Reflect Button

Calm lake button with a mirrored reflection beneath it.

#hover #gradient #transform

Live preview Buttons

Launch Rocket Button

Button that launches upward like a rocket on hover.

#hover #gradient #transform

Live preview Buttons

Laurel

Laurel-leaf button with a regal green crown.

#hover #gradient #transform

Live preview Buttons

Lavender Bloom

Soft lavender-purple with bloom halo.

#hover #gradient #transform

Live preview Buttons

Lavender Mist

Soft lavender button with a misty bloom halo.

#hover #gradient #transform

Live preview Buttons

Layer Stack Button

Button with stacked layer shadows that fan out on hover.

#hover #transform #shadow

Live preview Buttons

Leap Jump Button

Button that leaps high with an arc on hover.

#hover #animation #transform

Live preview Buttons

Ledge Edge Button

Stone button with a sharp 3D ledge drop on hover.

#hover #gradient #transform

Live preview Buttons

Lemon Zest Button

Bright lemon-yellow button with a zesty pop on hover.

#hover #gradient #transform

Live preview Buttons

Lens Focus Button

Camera-lens button with an autofocus ring on hover.

#hover #animation #gradient

Live preview Buttons

Lift Soft Button

Soft pastel button that lifts gently with a deep shadow on hover.

#hover #transform #shadow

Live preview Buttons

Light Beam Button

Dark button with a vertical light beam shining down on hover.

#hover #gradient #transform

Live preview Buttons

Lighthouse

Lighthouse button with striped red-white tower.

#hover #gradient #transform

Live preview Buttons

Lilac Bloom Button

Soft lilac button with a blooming floral glow on hover.

#hover #gradient #transform

Live preview Buttons

Lime Zest Button

Zesty lime-green button with a bouncy hover.

#hover #transform #shadow

Live preview Buttons

Linear Bar Button

Sleek button with a horizontal progress bar fill on hover.

#hover #gradient #transform

Live preview Buttons

Lion Mane Button

Bold golden button ringed by a lion-mane frill on hover.

#hover #gradient #transform

Live preview Buttons

Liquid Fill Button

A rotating blob of liquid rises to flood the button when hovered.

#hover #animation #transform

Live preview Buttons

Llama Wool

Soft llama wool in cream-brown.

#hover #gradient #transform

Live preview Buttons

Loading Spinner Button

Blue button whose label fades out and is replaced by a spinner on hover.

#animation #hover #border

Live preview Buttons

Long Shadow Button

Crimson button with a layered text-shadow that extends on hover.

#hover #shadow #border

Live preview Buttons

Lotus Bloom

Pale lotus-pink button with a soft bloom halo.

#hover #gradient #transform

Live preview Buttons

Lunar Tide

Lunar-tide button with a silver-moon shimmer.

#hover #gradient #transform

Live preview Buttons

Maelstrom

Maelstrom-whirlpool button with a swirling pattern.

#hover #animation #gradient

Live preview Buttons

Magnetic Slide Button

A diagonal gradient sheet slides across from the bottom-left corner on hover.

#hover #gradient #transform

Live preview Buttons

Magnolia

Creamy magnolia button with petal softness.

#hover #gradient #transform

Live preview Buttons

Malachite Bands

Deep green gem with concentric band shimmer.

#hover #gradient #transform

Live preview Buttons

Mango Tropical

Ripe mango yellow-orange with red blush.

#hover #gradient #transform

Live preview Buttons

Marble Vein

White marble slab crossed by soft gray veins.

#hover #gradient #transform

Live preview Buttons

Marina

Marina button with calm harbor-blue surface.

#hover #gradient #transform

Live preview Buttons

Mauve Haze

Dusty mauve button with a hazy outline.

#hover #gradient #transform

Live preview Buttons

Mercury Bead

Liquid silver mercury button that wobbles on hover.

#hover #gradient #transform

Live preview Buttons

Meteor Burn

Meteor-button with a burning atmospheric glow.

#hover #gradient #transform

Live preview Buttons

Milky Way

Milky-way button with a diagonal band of stars.

#hover #gradient #transform

Live preview Buttons

Misty Drift

Pale foggy button with drifting cloud layers.

#animation #gradient #transform

Live preview Buttons

Mojito Lime

Cool mint-lime button with condensation bubbles.

#hover #gradient #transform

Live preview Buttons

Mosaic Tile

Mosaic-tile button with multi-colored chips.

#hover #gradient #transform

Live preview Buttons

Mustard Zest

Spicy mustard-yellow with a glossy surface.

#gradient #transform #shadow

Live preview Buttons

Narwhal

Narwhal-button with a spiraled ivory tusk accent.

#hover #gradient #transform

Live preview Buttons

Nautical Stripes

Classic navy-white sailor stripes button.

#hover #gradient #transform

Live preview Buttons

Nautical Mile

Nautical-mile button with deep sea-blue depth.

#hover #gradient #transform

Live preview Buttons

Nebula Cloud

Nebula-button with drifting cosmic clouds.

#hover #gradient #transform

Live preview Buttons

Soft Neumorphic Button

Soft UI neumorphic button that pushes in on hover with dual shadows.

#hover #shadow #border

Live preview Buttons

Nougat Soft

Soft caramel nougat with pillowy surface.

#hover #gradient #transform

Live preview Buttons

Ocean Deep

Deep-ocean button with vast blue depths.

#hover #gradient #transform

Live preview Buttons

Onyx Gloss

Black onyx stone with mirror sheen.

#hover #gradient #transform

Live preview Buttons

Orbit Arc

Orbiting planet button with a sweeping arc.

#animation #gradient #transform

Live preview Buttons

Orchid Bloom

Soft orchid-purple button with bloom halo.

#hover #gradient #transform

Live preview Buttons

Origami Fold Button

Paper-textured button whose top-right corner folds open on hover.

#hover #shadow #border

Live preview Buttons

Outline Draw Button

Button with an SVG-like outline that draws itself on hover.

#hover #border #transform

Live preview Buttons

Oxblood Velvet

Deep oxblood red velvet button.

#hover #gradient #transform

Live preview Buttons

Oyster Pearl

Soft gray oyster shell with pearlescent hue.

#hover #gradient #transform

Live preview Buttons

Oyster Bed

Oyster-bed button with shimmering pearl interior.

#hover #gradient #transform

Live preview Buttons

Palm Tree Shade

Tropical palm-frond shadow on yellow sand.

#hover #gradient #transform

Live preview Buttons

Aged Parchment

Yellowed parchment with ink-style border.

#hover #gradient #transform

Live preview Buttons

Pastel Dream

Soft pastel rainbow gradient button.

#hover #gradient #transform

Popular tags