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

Terminal Amber

Amber CRT terminal tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terminal Green

Classic green terminal tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terminal Output

Terminal output style tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Terracotta Clay

Earthy terracotta tooltip with a textured clay feel.

#hover #gradient #transform

Live preview Tooltips

Thanksgiving Leaf

Autumn leaf-styled Thanksgiving tooltip.

#hover #gradient #transform

Live preview Tooltips

Thunder Electric

Electric thunder yellow tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Thunderstorm Night

Dark stormy night tooltip with electric lightning accent.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Left

Tooltip with tick-mark decorations along its left edge.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Right

Tooltip with tick-mark decorations along its right edge.

#hover #gradient #transform

Live preview Tooltips

Tick Marks Top

Tooltip with tick-mark decorations along its top edge.

#hover #gradient #transform

Live preview Tooltips

Ticket Stub

Tooltip styled like a raffle ticket stub above the trigger.

#hover #gradient #transform

Live preview Tooltips

Top Left Corner

Tooltip appears at the top-left corner of the trigger.

#hover #transform #border

Live preview Tooltips

Top Right Corner

Tooltip appears at the top-right corner of the trigger.

#hover #transform #border

Live preview Tooltips

Topaz Yellow

Topaz yellow gem tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Toxic Waste

Toxic green ooze tooltip with neon glow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Turquoise Sea

Bright turquoise tooltip reminiscent of clear sea water.

#hover #transform #shadow

Live preview Tooltips

Typewriter Fast

Fast typewriter tooltip above the trigger.

#hover #animation #transform

Live preview Tooltips

Typewriter Top

Tooltip text types itself out character by character.

#hover #animation #transform

Live preview Tooltips

Typing Cursor

Tooltip text types out with a blinking cursor above the trigger.

#hover #animation #transform

Live preview Tooltips

Unblur Out

Tooltip starts sharp and unblurs to focus above the trigger.

#hover #transform #border

Live preview Tooltips

Underline Draw

Tooltip with animated underline drawing above the trigger.

#hover #gradient #transform

Live preview Tooltips

User Card

User card tooltip with avatar and details above the trigger.

#hover #gradient #transform

Live preview Tooltips

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Live preview Tooltips

Vaporwave Tip

Vaporwave pink-cyan gradient tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Version Tag

Version tag tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Vibrate Buzz

Tooltip that vibrates with a subtle buzz on hover.

#hover #animation #transform

Live preview Tooltips

Vintage Postage

Vintage postage stamp tooltip with perforated edges.

#hover #transform #shadow

Live preview Tooltips

Violet Dream

Soft violet dreamy tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Volcano Erupt

Volcano-erupt tooltip with molten red-orange glow.

#hover #gradient #transform

Live preview Tooltips

Watercolor

Watercolor paint tooltip with soft edges above the trigger.

#hover #gradient #transform

Live preview Tooltips

Wave Pattern Background

Tooltip with a wavy background pattern.

#hover #gradient #transform

Live preview Tooltips

Wave Tip

Tooltip that waves into view above the trigger.

#hover #animation #transform

Live preview Tooltips

Winter Snowflake

Frosty winter-snowflake tooltip with cool blue tones.

#hover #gradient #transform

Live preview Tooltips

Wobble Top

Tooltip wobbles side to side before settling above the trigger.

#hover #animation #transform

Live preview Tooltips

Wood Grain

Wood-grain texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Word Stagger

Tooltip words stagger into view above the trigger.

#hover #transform #border

Live preview Tooltips

Yellow Sticky

Yellow sticky note tooltip with shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Zigzag Pattern Background

Tooltip with a zigzag background pattern.

#hover #gradient #transform

Live preview Tooltips

Zoom Blur Combo

Tooltip that combines zoom-in with a blur-to-focus transition.

#hover #transform #border

Live preview Tooltips

Zoom In Bottom

Tooltip zooms in from small to full size below the trigger.

#hover #transform #border

Live preview Tooltips

Zoom In Left

Tooltip zooms in from small to full size on the left.

#hover #transform #border

Live preview Tooltips

Zoom In Right

Tooltip zooms in from small to full size on the right.

#hover #transform #border

Live preview Tooltips

Zoom In Top

Tooltip zooms in from far away above the trigger.

#hover #transform #border

Live preview Tooltips

Zoom On Hover

Tooltip that zooms larger on hover above the trigger.

#hover #animation #transform

Live preview Tooltips

Zoom Out Bottom

Tooltip zooms out from oversized to normal below the trigger.

#hover #transform #border

Live preview Tooltips

Zoom Out Left

Tooltip zooms out from oversized to normal on the left.

#hover #transform #border

Live preview Tooltips

Zoom Out Right

Tooltip zooms out from oversized to normal on the right.

#hover #transform #border

Live preview Tooltips

Zoom Out Top

Tooltip zooms from tiny to full size above the trigger.

#hover #transform #border

Live preview Toggles

1P / 2P

Single-player mode becomes two-player co-op.

#transform #shadow

Live preview Toggles

Acid Drip

Toxic green knob leaves a corrosive trail as it slides.

#gradient #transform #shadow

Live preview Toggles

Acorn Fall

Acorn knob tumbles from the oak tree across the autumn track.

#animation #gradient #transform

Live preview Toggles

Acoustic / Electric

Acoustic guitar plugs in to become electric.

#transform #shadow

Live preview Toggles

Acoustic / Mute

Acoustic guitar knob becomes a mute speaker on the green track.

#transform #shadow

Live preview Toggles

Acrylic Clear

Transparent acrylic knob with sharp glossy edges.

#gradient #transform #shadow

Live preview Toggles

Agate Band

Banded agate with layered color stripes.

#gradient #transform #shadow

Live preview Toggles

Airplane Mode

Signal bars disappear and an airplane swoops in when airplane mode is on.

#border #transform #rotate

Live preview Toggles

Alarm / Snooze

Shaking alarm clock settles into a snooze Z.

#animation #transform #shadow

Live preview Toggles

Alexandrite Shift

Alexandrite color-shift from green to red-violet.

#gradient #transform #shadow

Live preview Toggles

Allegro / Adagio

Knob spins fast (allegro) or slow (adagio) on the emerald track.

#animation #gradient #transform

Live preview Toggles

Allow / Block

Allow check knob becomes a block sign on the rose track.

#transform #shadow

Live preview Toggles

Ally / Enemy

Ally handshake knob becomes an enemy fist on toggle.

#transform #shadow

Live preview Toggles

AM / PM

Morning AM flips to evening PM with a sun arc.

#gradient #transform #shadow

Live preview Toggles

Amber Fossil

Amber fossil with trapped prehistoric inclusion.

#gradient #transform #shadow

Live preview Toggles

Amber Sun

Amber sun glow with radiant warm knob.

#gradient #transform #shadow

Live preview Toggles

Amber Veil

Soft amber veil with honey-tinted knob.

#gradient #transform #shadow

Live preview Toggles

Amethyst / Citrine

Purple amethyst knob shifts to a sunny citrine yellow.

#gradient #transform #shadow

Live preview Toggles

Amethyst Spark

Sparkling amethyst purple with crystal facet.

#gradient #transform #shadow

Live preview Toggles

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Live preview Toggles

Anchor / Drift

Anchor knob morphs into a speedboat as the track lightens.

#transform #shadow

Live preview Toggles

Anodized Aluminum

Anodized aluminum with vibrant colored oxide layer.

#gradient #transform #shadow

Live preview Toggles

Anonymous / Named

Ghost knob becomes a name tag when identity is revealed.

#transform #shadow

Live preview Toggles

Apple / Banana

Round apple curves into a crescent banana.

#transform #shadow

Live preview Toggles

Aqua Bubble

Floating aqua bubble with iridescent rim glow.

#gradient #transform #shadow

Live preview Toggles

Arcade Coin

Retro arcade coin slot activates when the coin drops.

#gradient #transform #shadow

Live preview Toggles

Armed / Disarmed

Shield arms red or disarms to neutral.

#transform #shadow

Live preview Toggles

Arpeggio / Chord

Three dots light up in sequence (arpeggio) or all at once (chord).

#transform #shadow

Live preview Toggles

Arrive / Depart

Arrow-shaped knob slides with a motion blur filter as track turns blue.

#transform #shadow #filter

Live preview Toggles

Arrow Pierce

Sharp arrow knob pierces through the track when fired.

#gradient #transform #shadow

Live preview Toggles

Ascend / Descend

Knob enlarges and glides as the track warms from gray to amber.

#transform #shadow

Live preview Toggles

Ascend / Peak

Knob ascends diagonally to the peak on toggle.

#transform #shadow

Live preview Toggles

Asteroid Belt

Scattered rocks align into an orbiting belt.

#transform #shadow

Live preview Toggles

Asteroid Spin

Rough asteroid knob tumbles through space when active.

#gradient #transform #shadow

Live preview Toggles

Atom Spin

Electron orbits ignite around a nucleus.

#animation #transform #shadow

Live preview Toggles

Audio On / Off

Speaker emits sound waves or goes silent.

#transform #shadow

Live preview Toggles

Aurora Borealis

Northern lights shimmer over an emerald knob.

#animation #gradient #transform

Live preview Toggles

Aurora Glow

Soft polar aurora glow swells behind the sliding knob.

#gradient #transform #shadow

Live preview Toggles

Aurora Shimmer

Soft aurora shimmer dances across the polar night.

#animation #gradient #transform

Live preview Toggles

Aurora Veil

Northern lights shimmer across the track as the glowing knob slides.

#animation #gradient #transform

Live preview Toggles

Auth / Anonymous

Key auth knob becomes a ghost when anonymous on the indigo track.

#transform #shadow

Live preview Toggles

Autumn / Winter

Autumn leaf turns into a delicate winter snowflake.

#gradient #transform #shadow

Live preview Toggles

Available / Busy

Green available dot turns to an amber busy one.

#transform #shadow

Live preview Toggles

Azure Sky

Clear azure sky blue with drifting cloud knob.

#gradient #transform #shadow

Live preview Toggles

Backup / Restore

Backup disk knob becomes a restore recycle on the teal track.

#transform #shadow

Popular tags