LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

İpuçları — 600 Ücretsiz CSS Efekti (Sayfa 6)

Balon ipuçları, açılır bilgi kutuları ve oklar.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Tooltips

Shutter Open

Tooltip reveals like a camera shutter above the trigger.

#hover #transform #border

Canlı incele Tooltips

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Skeleton Tip

Skeleton loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Skew Bounce Top

Tooltip skews and bounces in from above the trigger.

#hover #transform #border

Canlı incele Tooltips

Skew Left

Tooltip skews open from the left side of the trigger.

#hover #transform #border

Canlı incele Tooltips

Skew Right

Tooltip skews open from the right side of the trigger.

#hover #transform #border

Canlı incele Tooltips

Skew Top

Tooltip skews into place above the trigger.

#hover #transform #border

Canlı incele Tooltips

Sky Blue Info

Sky blue tooltip with airy lightness above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Slate Stone

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

#hover #transform #border

Canlı incele Tooltips

Slide Down Bottom

Tooltip slides down from the trigger on hover.

#hover #transform #border

Canlı incele Tooltips

Slide Diagonal Bottom-Left

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

#hover #transform #border

Canlı incele Tooltips

Slide Diagonal Bottom-Right

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

#hover #transform #border

Canlı incele Tooltips

Slide Diagonal Top-Left

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

#hover #transform #border

Canlı incele Tooltips

Slide Diagonal Top-Right

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

#hover #transform #border

Canlı incele Tooltips

Slide Fade Bottom

Tooltip slides up from below while fading in.

#hover #transform #border

Canlı incele Tooltips

Slide Fade Top

Tooltip slides down from above while fading in.

#hover #transform #border

Canlı incele Tooltips

Slide Left

Tooltip slides in from the right toward the left side.

#hover #transform #border

Canlı incele Tooltips

Slide Right

Tooltip slides in from the left toward the right side.

#hover #transform #border

Canlı incele Tooltips

Slide Up Top

Tooltip slides up from the trigger on hover.

#hover #transform #border

Canlı incele Tooltips

Snow Winter

Winter-themed tooltip with falling snow pattern decoration.

#hover #gradient #transform

Canlı incele Tooltips

Spaceship Launch

Spaceship launch tooltip with rocket-trail gradient.

#hover #gradient #transform

Canlı incele Tooltips

Speech Bubble Bottom

Cartoon speech bubble tooltip with tail below the trigger.

#hover #transform #border

Canlı incele Tooltips

Speech Bubble Left

Cartoon speech bubble tooltip with tail on the left side.

#hover #transform #border

Canlı incele Tooltips

Speech Bubble Right

Cartoon speech bubble tooltip with tail on the right side.

#hover #transform #border

Canlı incele Tooltips

Speech Bubble Top

Cartoon speech bubble tooltip with tail above the trigger.

#hover #transform #border

Canlı incele Tooltips

Spinner Tip

Spinner loader tooltip above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Spiral Tip

Tooltip that spirals into view above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Canlı incele Tooltips

Spring Back

Tooltip that springs back into place with overshoot.

#hover #transform #border

Canlı incele Tooltips

Spring Bloom

Soft pastel spring-bloom tooltip with floral hints.

#hover #gradient #transform

Canlı incele Tooltips

Spring Left

Elastic spring tooltip that overshoots in from the left.

#hover #transform #border

Canlı incele Tooltips

Spring Right

Elastic spring tooltip that overshoots in from the right.

#hover #transform #border

Canlı incele Tooltips

Spring Top

Tooltip bounces with a spring overshoot above the trigger.

#hover #transform #border

Canlı incele Tooltips

Sprint Card

Sprint card tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Stack Flip

Tooltip that flips from a stack above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Stamp Imprint

Tooltip styled like an ink stamp imprint.

#hover #transform #border

Canlı incele Tooltips

Stamp Press

Tooltip pressed like a stamp above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Star Clip

Tooltip reveals from a star shape above the trigger.

#hover #transform #border

Canlı incele Tooltips

Stat Display

Statistics display tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Static TV

Tooltip shows TV static before content above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Status Away

Away status tooltip with yellow dot above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Status Busy

Busy status tooltip with red dot above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Status Offline

Offline status tooltip with grey dot above the trigger.

#hover #transform #border

Canlı incele Tooltips

Status Pill

Pill-shaped status tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Step Counter

Tooltip with step counter indicator above the trigger.

#hover #transform #border

Canlı incele Tooltips

Sticker Peel

Tooltip that peels up like a sticker above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Sticker Tape

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

#hover #transform

Canlı incele Tooltips

Sticky Note

Yellow sticky note tooltip with curl above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Stock Status

Stock availability status tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Stretch X

Tooltip stretches horizontally into view above the trigger.

#hover #transform #border

Canlı incele Tooltips

Stretch Y

Tooltip stretches vertically into view above the trigger.

#hover #transform #border

Canlı incele Tooltips

Strike Through

Tooltip with animated strike-through drawing above the trigger.

#hover #transform #border

Canlı incele Tooltips

Diagonal Stripe Background

Tooltip with diagonal candy-stripe background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Horizontal Stripe Background

Tooltip with horizontal candy-stripe background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Vertical Stripe Background

Tooltip with vertical candy-stripe background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Success Toast

Toast-style success tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Summer Sun

Bright summer-sun tooltip with warm yellow glow.

#hover #gradient #transform

Canlı incele Tooltips

Sun Flare

Sun flare tooltip with bright golden radiating glow.

#hover #gradient #transform

Canlı incele Tooltips

Sunrise Glow

Warm sunrise gradient tooltip with golden glow.

#hover #gradient #transform

Canlı incele Tooltips

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Sunset Gradient

Warm sunset gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Supernova Burst

Supernova burst tooltip with radiating white-yellow explosion.

#hover #gradient #transform

Canlı incele Tooltips

Swing Top

Tooltip swings in like a pendulum above the trigger.

#hover #transform #border

Canlı incele Tooltips

Tada Success

Success tooltip celebrates with a tada animation above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Tag Label

Tooltip styled like a price tag label above the trigger.

#hover #transform

Canlı incele Tooltips

Teal Glass

Teal frosted glass tooltip with blur above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Terminal Amber

Amber CRT terminal tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Terminal Green

Classic green terminal tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Terminal Output

Terminal output style tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Terracotta Clay

Earthy terracotta tooltip with a textured clay feel.

#hover #gradient #transform

Canlı incele Tooltips

Thanksgiving Leaf

Autumn leaf-styled Thanksgiving tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Thunder Electric

Electric thunder yellow tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Thunderstorm Night

Dark stormy night tooltip with electric lightning accent.

#hover #gradient #transform

Canlı incele Tooltips

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

#hover #gradient #transform

Canlı incele Tooltips

Tick Marks Left

Tooltip with tick-mark decorations along its left edge.

#hover #gradient #transform

Canlı incele Tooltips

Tick Marks Right

Tooltip with tick-mark decorations along its right edge.

#hover #gradient #transform

Canlı incele Tooltips

Tick Marks Top

Tooltip with tick-mark decorations along its top edge.

#hover #gradient #transform

Canlı incele Tooltips

Ticket Stub

Tooltip styled like a raffle ticket stub above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Time Stamp

Timestamp tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Top Left Corner

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

#hover #transform #border

Canlı incele Tooltips

Top Right Corner

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

#hover #transform #border

Canlı incele Tooltips

Topaz Yellow

Topaz yellow gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Toxic Waste

Toxic green ooze tooltip with neon glow above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Turquoise Sea

Bright turquoise tooltip reminiscent of clear sea water.

#hover #transform #shadow

Canlı incele Tooltips

Typewriter Fast

Fast typewriter tooltip above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Typewriter Top

Tooltip text types itself out character by character.

#hover #animation #transform

Canlı incele Tooltips

Typing Cursor

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

#hover #animation #transform

Canlı incele Tooltips

Unblur Out

Tooltip starts sharp and unblurs to focus above the trigger.

#hover #transform #border

Canlı incele Tooltips

Underline Draw

Tooltip with animated underline drawing above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

User Card

User card tooltip with avatar and details above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Vaporwave Tip

Vaporwave pink-cyan gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Version Tag

Version tag tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Vibrate Buzz

Tooltip that vibrates with a subtle buzz on hover.

#hover #animation #transform