LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele İpuçları

Perspective Bottom

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

#hover #transform #border

Canlı incele İpuçları

Perspective Left

Tooltip tilts in with 3D perspective from the left.

#hover #transform #border

Canlı incele İpuçları

Perspective Right

Tooltip tilts in with 3D perspective from the right.

#hover #transform #border

Canlı incele İpuçları

Pill Bottom

Rounded pill-shaped tooltip below the trigger.

#hover #transform #border

Canlı incele İpuçları

Pill Top

Rounded pill-shaped tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Pine Forest

Deep pine-green tooltip evoking a quiet forest atmosphere.

#hover #transform #border

Canlı incele İpuçları

Planet Ring

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

#hover #gradient #transform

Canlı incele İpuçları

Plum Royal

Royal plum tooltip with a deep wine-tinged palette.

#hover #transform #shadow

Canlı incele İpuçları

Post-it Note

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

#hover #transform #shadow

Canlı incele İpuçları

PR Status

Pull request status tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Price Tag

Price tag shaped tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Prismatic

Prismatic light-split tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Product Card

Product preview card tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pulse Loading

Pulsing loading tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pulse Top

Tooltip pulses continuously while visible above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Purple Magic

Mystical purple tooltip with glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spring Rain

Spring rain tooltip with soft blue-green color palette.

#hover #gradient #transform

Canlı incele İpuçları

Rainbow Arc

Bright rainbow arc gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Rainbow Shift

Rainbow gradient tooltip that shifts colors above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Rating Stars

Rating stars tooltip showing score above the trigger.

#hover #transform #border

Canlı incele İpuçları

Red Glow

Crimson tooltip with red glow effect above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Reveal Mask Top

Tooltip reveals from a clip mask above the trigger.

#hover #transform #border

Canlı incele İpuçları

Review Snippet

Customer review snippet tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Ribbon Award

Award ribbon tooltip with notched ribbon shape.

#hover #gradient #transform

Canlı incele İpuçları

Rich Card Tooltip

A wider tooltip carrying a title, body copy and a keyboard shortcut row.

#hover #transform #shadow

Canlı incele İpuçları

Rich Image

Tooltip with image preview above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Rich Link

Tooltip with clickable link styling above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ripple Tip

Tooltip with ripple effect above the trigger.

#hover #transform #border

Canlı incele İpuçları

River Flow

River-flow tooltip with shimmering teal wave pattern.

#hover #gradient #transform

Canlı incele İpuçları

Rocket Exhaust

Rocket exhaust tooltip with flame gradient bottom edge.

#hover #gradient #transform

Canlı incele İpuçları

Rose Error

Rose red error tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Rotate In Bottom

Tooltip rotates into place below the trigger.

#hover #transform #border

Canlı incele İpuçları

Rotate Right

Tooltip rotates in from the right with a spin animation.

#hover #transform #border

Canlı incele İpuçları

Royal Purple Deep

Deep royal purple tooltip with a luminous inner glow.

#hover #transform #shadow

Canlı incele İpuçları

Rubber Band

Tooltip that stretches like a rubber band on hover.

#hover #transform #border

Canlı incele İpuçları

Ruby Red

Ruby red gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Rust Iron

Industrial rust-iron tooltip with a weathered metal texture.

#hover #gradient #transform

Canlı incele İpuçları

Sage Leaf Soft

Soft sage green tooltip with a calming natural feel.

#hover #transform #shadow

Canlı incele İpuçları

Sale Flash

Sale flash tooltip with bold banner above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Sapphire Blue

Sapphire blue gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Scale In Bottom

Tooltip scales up from zero below the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Right

Tooltip scales in from the right of the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Top

Tooltip scales up from zero above the trigger.

#hover #transform #border

Canlı incele İpuçları

Scroll Parchment

Parchment scroll tooltip with rolled paper ends.

#hover #gradient #transform

Canlı incele İpuçları

Wax Seal

Tooltip styled like a wax seal stamp above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Shadow Deep

Deep shadow tooltip with layered dark drop above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Shake Error

Error tooltip shakes briefly when shown above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Shimmer Shine

Tooltip with shimmering shine sweep above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Shine Sweep Diagonal

Tooltip with a diagonal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele İpuçları

Shine Sweep Horizontal

Tooltip with a horizontal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele İpuçları

Shutter Open

Tooltip reveals like a camera shutter above the trigger.

#hover #transform #border

Canlı incele İpuçları

Skeleton Tip

Skeleton loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Skew Bounce Top

Tooltip skews and bounces in from above the trigger.

#hover #transform #border

Canlı incele İpuçları

Skew Left

Tooltip skews open from the left side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Skew Right

Tooltip skews open from the right side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slate Stone

Cool slate-gray tooltip with a stone-like matte finish.

#hover #transform #border

Canlı incele İpuçları

Slide Down Bottom

Tooltip slides down from the trigger on hover.

#hover #transform #border

Canlı incele İpuçları

Slide Diagonal Top-Left

Tooltip slides in from the top-left corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slide Diagonal Top-Right

Tooltip slides in from the top-right corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slide Fade Top

Tooltip slides down from above while fading in.

#hover #transform #border

Canlı incele İpuçları

Slide Left

Tooltip slides in from the right toward the left side.

#hover #transform #border

Canlı incele İpuçları

Side Slide Tooltip

The hint slides out from behind the trigger toward the right edge.

#hover #transform #border

Canlı incele İpuçları

Slide Up Top

Tooltip slides up from the trigger on hover.

#hover #transform #border

Canlı incele İpuçları

Spaceship Launch

Spaceship launch tooltip with rocket-trail gradient.

#hover #gradient #transform

Canlı incele İpuçları

Speech Bubble Bottom

Cartoon speech bubble tooltip with tail below the trigger.

#hover #transform #border

Canlı incele İpuçları

Speech Bubble Left

Cartoon speech bubble tooltip with tail on the left side.

#hover #transform #border

Canlı incele İpuçları

Speech Bubble Right

Cartoon speech bubble tooltip with tail on the right side.

#hover #transform #border

Canlı incele İpuçları

Spinner Tip

Spinner loader tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Spiral Tip

Tooltip that spirals into view above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Spring Back

Tooltip that springs back into place with overshoot.

#hover #transform #border

Canlı incele İpuçları

Spring Bloom

Soft pastel spring-bloom tooltip with floral hints.

#hover #gradient #transform

Canlı incele İpuçları

Spring Left

Elastic spring tooltip that overshoots in from the left.

#hover #transform #border

Canlı incele İpuçları

Spring Right

Elastic spring tooltip that overshoots in from the right.

#hover #transform #border

Canlı incele İpuçları

Sprint Card

Sprint card tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Stack Flip

Tooltip that flips from a stack above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Stamp Imprint

Tooltip styled like an ink stamp imprint.

#hover #transform #border

Canlı incele İpuçları

Stamp Press

Tooltip pressed like a stamp above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Star Clip

Tooltip reveals from a star shape above the trigger.

#hover #transform #border

Canlı incele İpuçları

Stat Display

Statistics display tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Static TV

Tooltip shows TV static before content above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Status Busy

Busy status tooltip with red dot above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Sticker Tape

Tooltip styled like a piece of washi tape above the trigger.

#hover #transform

Canlı incele İpuçları

Strike Through

Tooltip with animated strike-through drawing above the trigger.

#hover #transform #border

Canlı incele İpuçları

Diagonal Stripe Background

Tooltip with diagonal candy-stripe background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Horizontal Stripe Background

Tooltip with horizontal candy-stripe background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Vertical Stripe Background

Tooltip with vertical candy-stripe background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Success Toast

Toast-style success tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Summer Sun

Bright summer-sun tooltip with warm yellow glow.

#hover #gradient #transform

Canlı incele İpuçları

Sun Flare

Sun flare tooltip with bright golden radiating glow.

#hover #gradient #transform

Canlı incele İpuçları

Sunrise Glow

Warm sunrise gradient tooltip with golden glow.

#hover #gradient #transform

Canlı incele İpuçları

Sunset Gradient

Warm sunset gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Supernova Burst

Supernova burst tooltip with radiating white-yellow explosion.

#hover #gradient #transform

Canlı incele İpuçları

Tag Label

Tooltip styled like a price tag label above the trigger.

#hover #transform

Canlı incele İpuçları

Teal Glass

Teal frosted glass tooltip with blur above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Terminal Amber

Amber CRT terminal tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Terminal Green

Classic green terminal tooltip above the trigger.

#hover #transform #shadow