#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

Liquid Wave

Tooltip with a wavy liquid edge at the bottom.

#hover #gradient #transform

Live preview Tooltips

List Bullet

Tooltip with bulleted list above the trigger.

#hover #transform #border

Live preview Tooltips

List Numbered

Tooltip with numbered list above the trigger.

#hover #transform #border

Live preview Tooltips

Loading Bar

Loading bar tooltip with animation above the trigger.

#hover #animation #transform

Live preview Tooltips

Magenta Neon

Bright magenta neon tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Magnetic Pull

Tooltip that magnetically pulls toward the cursor above the trigger.

#hover #animation #transform

Live preview Tooltips

Magnetic Pull Strong

Tooltip with strong magnetic pull easing overshoot.

#hover #transform #border

Live preview Tooltips

Magnetic Repel

Tooltip that overshoots past the target as if magnetically repelled.

#hover #transform #border

Live preview Tooltips

Marble Vein

Marble with veining tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Marker Board

Whiteboard marker tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Marker Highlight

Tooltip with highlight marker feel above the trigger.

#hover #transform #shadow

Live preview Tooltips

Material Top

Material design tooltip with elevation above the trigger.

#hover #transform #shadow

Live preview Tooltips

Meadow Flower

Meadow flower tooltip with soft pastel color palette.

#hover #gradient #transform

Live preview Tooltips

Metal Brushed

Brushed metal texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Meteor Shower

Meteor shower tooltip with diagonal streak pattern.

#hover #gradient #transform

Live preview Tooltips

Meter Gauge

Meter gauge tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Midnight Blue

Deep midnight blue tooltip with starlight above the trigger.

#hover #transform #shadow

Live preview Tooltips

Midnight Plum

Dark midnight-plum tooltip with subtle violet highlights.

#hover #gradient #transform

Live preview Tooltips

Milestone

Milestone tag tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Mint Fresh

Fresh mint tooltip with cool gradient above the trigger.

#hover #gradient #transform

Live preview Tooltips

Mono Light

Monospace light tooltip with clean terminal feel above the trigger.

#hover #transform #shadow

Live preview Tooltips

Moon Crater

Moon surface tooltip with cratered texture decoration.

#hover #gradient #transform

Live preview Tooltips

Moonlight Night

Silvery moonlit night tooltip with subtle indigo glow.

#hover #gradient #transform

Live preview Tooltips

Mountain Peak

Mountain-peak tooltip with cool gray-blue stone tones.

#hover #gradient #transform

Live preview Tooltips

Multi Line

Tooltip with multiple lines of text above the trigger.

#hover #transform #border

Live preview Tooltips

Mustard Field

Rich mustard yellow tooltip with a vintage field feel.

#hover #transform #border

Live preview Tooltips

Neon Double Glow

Neon tooltip with double-layered glow shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Neon Flicker Anim

Neon tooltip with flickering animation on hover.

#hover #animation #transform

Live preview Tooltips

Neon Sign Buzz

Neon sign tooltip with a subtle electric buzz glow.

#hover #transform #shadow

Live preview Tooltips

Neon Top

Glowing neon tooltip with vibrant shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

Neumorphic Top

Soft neumorphic tooltip with inset shadow above the trigger.

#hover #transform #shadow

Live preview Tooltips

New Badge

NEW badge tooltip with sparkle above the trigger.

#hover #gradient #transform

Live preview Tooltips

New Year Firework

Firework burst tooltip celebrating the New Year.

#hover #gradient #transform

Live preview Tooltips

Notification Dot

Tooltip with pulsing notification dot above the trigger.

#hover #animation #transform

Live preview Tooltips

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Ocean Tide

Ocean-tide tooltip with layered blue wave gradients.

#hover #gradient #transform

Live preview Tooltips

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Oil Paint

Oil paint textured tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Old Letter

Aged parchment letter tooltip with cream paper texture.

#hover #gradient #transform

Live preview Tooltips

Olive Military

Olive-drab military-styled tooltip with stencil feel.

#hover #transform #border

Live preview Tooltips

Onboarding

Onboarding tooltip with welcome message above the trigger.

#hover #gradient #transform

Live preview Tooltips

Opal Glow

Opal-like glowing tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Orange Pop

Vibrant orange tooltip with bounce pop above the trigger.

#hover #transform #border

Live preview Tooltips

Orbit Circles

Tooltip with orbiting circles decoration above the trigger.

#hover #animation #transform

Live preview Tooltips

Orbit Tip

Tooltip with orbiting dot above the trigger.

#hover #animation #transform

Live preview Tooltips

Origami Tip

Origami-folded tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Oscillate Swing

Tooltip that swings like a pendulum on hover.

#hover #animation #transform

Live preview Tooltips

Outline Trace

Tooltip with outline that traces around above the trigger.

#hover #transform #border

Live preview Tooltips

Outset Border Bottom

Tooltip with an outset 3D border below the trigger.

#hover #transform #border

Live preview Tooltips

Overline Draw

Tooltip with animated overline drawing above the trigger.

#hover #gradient #transform

Live preview Tooltips

Paper Fold

Tooltip that unfolds like paper above the trigger.

#hover #transform #shadow

Live preview Tooltips

Paper Recycled

Recycled paper texture tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Particle Burst

Tooltip that bursts in with radiating particle dots.

#hover #transform #shadow

Live preview Tooltips

Particle Float

Tooltip with floating particle dots scattered across its background.

#hover #gradient #transform

Live preview Tooltips

Particle Trail

Tooltip with a trailing line of particle dots leading to the trigger.

#hover #gradient #transform

Live preview Tooltips

Pastel Soft

Soft pastel tooltip with gentle colors above the trigger.

#hover #transform #shadow

Live preview Tooltips

Pearl Shimmer

Pearlescent shimmering tooltip above the trigger.

#hover #animation #gradient

Live preview Tooltips

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Pen Draw

Tooltip that appears to be drawn by pen above the trigger.

#hover #transform #border

Live preview Tooltips

Pencil Sketch

Pencil sketch style tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Perspective 3D

Tooltip swings in with 3D perspective above the trigger.

#hover #transform #shadow

Live preview Tooltips

Perspective Bottom

Tooltip tilts in with 3D perspective from below the trigger.

#hover #transform #border

Live preview Tooltips

Perspective Left

Tooltip tilts in with 3D perspective from the left.

#hover #transform #border

Live preview Tooltips

Perspective Right

Tooltip tilts in with 3D perspective from the right.

#hover #transform #border

Live preview Tooltips

Pill Bottom

Rounded pill-shaped tooltip below the trigger.

#hover #transform #border

Live preview Tooltips

Pill Top

Rounded pill-shaped tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Pine Forest

Deep pine-green tooltip evoking a quiet forest atmosphere.

#hover #transform #border

Live preview Tooltips

Pink Bubble

Pink bubble tooltip with rounded corners above the trigger.

#hover #transform #shadow

Live preview Tooltips

Planet Ring

Saturn-like planet tooltip with an elliptical ring around it.

#hover #gradient #transform

Live preview Tooltips

Plum Royal

Royal plum tooltip with a deep wine-tinged palette.

#hover #transform #shadow

Live preview Tooltips

Post-it Note

Tooltip styled like a yellow Post-it note above the trigger.

#hover #transform #shadow

Live preview Tooltips

Powder Sky

Soft powder-blue tooltip reminiscent of a clear sky.

#hover #transform #shadow

Live preview Tooltips

PowerShell

PowerShell blue background tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

PR Status

Pull request status tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Price Tag

Price tag shaped tooltip above the trigger.

#hover #transform #border

Live preview Tooltips

Prismatic

Prismatic light-split tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Product Card

Product preview card tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Progress Bar

Tooltip with animated progress bar above the trigger.

#hover #gradient #transform

Live preview Tooltips

Progress Circular

Tooltip with circular progress indicator above the trigger.

#hover #animation #transform

Live preview Tooltips

Progress Ring

Circular progress ring tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Pulse Attention

Tooltip that pulses to draw attention above the trigger.

#hover #animation #transform

Live preview Tooltips

Pulse Loading

Pulsing loading tooltip above the trigger.

#hover #animation #transform

Live preview Tooltips

Pulse Top

Tooltip pulses continuously while visible above the trigger.

#hover #animation #transform

Live preview Tooltips

Purple Magic

Mystical purple tooltip with glow above the trigger.

#hover #gradient #transform

Live preview Tooltips

Spring Rain

Spring rain tooltip with soft blue-green color palette.

#hover #gradient #transform

Live preview Tooltips

Rainbow Arc

Bright rainbow arc gradient tooltip.

#hover #gradient #transform

Live preview Tooltips

Rainbow Shift

Rainbow gradient tooltip that shifts colors above the trigger.

#hover #animation #gradient

Live preview Tooltips

Rating Stars

Rating stars tooltip showing score above the trigger.

#hover #transform #border

Live preview Tooltips

Red Glow

Crimson tooltip with red glow effect above the trigger.

#hover #transform #shadow

Live preview Tooltips

Retro 80s

Retro 80s neon sunset tooltip above the trigger.

#hover #gradient #transform

Live preview Tooltips

Reveal Mask Top

Tooltip reveals from a clip mask above the trigger.

#hover #transform #border

Live preview Tooltips

Review Snippet

Customer review snippet tooltip above the trigger.

#hover #transform #shadow

Live preview Tooltips

Ribbon Award

Award ribbon tooltip with notched ribbon shape.

#hover #gradient #transform

Live preview Tooltips

Rich Avatar

Tooltip with user avatar above the trigger.

#hover #gradient #transform

Live preview Tooltips

Rich Content

Tooltip with rich multi-line content above the trigger.

#hover #transform #shadow

Live preview Tooltips

Rich Image

Tooltip with image preview above the trigger.

#hover #gradient #transform

Popular tags