LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 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 Tooltips

Dashed Border Left

Tooltip with a dashed border on the left side.

#hover #transform #border

Canlı incele Tooltips

Dashed Border Right

Tooltip with a dashed border on the right side.

#hover #transform #border

Canlı incele Tooltips

Dashed Border Top

Tooltip with a dashed border above the trigger.

#hover #transform #border

Canlı incele Tooltips

Date Picker

Date picker style tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Debug Info

Debug info style tooltip with values above the trigger.

#hover #transform #border

Canlı incele Tooltips

Deep Teal Pool

Teal tooltip with a subtle aqua gradient pool effect.

#hover #gradient #transform

Canlı incele Tooltips

Denim Fabric

Denim fabric texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Deploy Info

Deployment info tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Desert Dune

Sandy desert-dune tooltip with warm ochre tones.

#hover #gradient #transform

Canlı incele Tooltips

Diamond Clip

Tooltip reveals from a diamond shape above the trigger.

#hover #transform #border

Canlı incele Tooltips

Diamond Clip Left

Tooltip reveals via a diamond-shaped clip from the left.

#hover #transform #border

Canlı incele Tooltips

Diamond Clip Right

Tooltip reveals via a diamond-shaped clip from the right.

#hover #transform #border

Canlı incele Tooltips

Diamond Shine

Diamond-like sparkling tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Diploma Ribbon

Diploma tooltip with ribbon-tied parchment styling.

#hover #gradient #transform

Canlı incele Tooltips

Discount Tag

Discount tag tooltip with percentage above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Door Close

Tooltip opens like a door swinging down from the top.

#hover #transform #border

Canlı incele Tooltips

Door Left

Tooltip opens like a door hinged on the right side.

#hover #transform #border

Canlı incele Tooltips

Door Open

Tooltip swings open like a door above the trigger.

#hover #transform #border

Canlı incele Tooltips

Door Right

Tooltip opens like a door hinged on the left side.

#hover #transform #border

Canlı incele Tooltips

Dot Pattern Background

Tooltip with a dotted polka background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Dotted Border Bottom

Tooltip with a dotted border below the trigger.

#hover #transform #border

Canlı incele Tooltips

Dotted Border Left

Tooltip with a dotted border on the left side.

#hover #transform #border

Canlı incele Tooltips

Dotted Border Right

Tooltip with a dotted border on the right side.

#hover #transform #border

Canlı incele Tooltips

Dotted Border Top

Tooltip with a dotted border above the trigger.

#hover #transform #border

Canlı incele Tooltips

Double Border Left

Tooltip with a double border on the left side.

#hover #transform #border

Canlı incele Tooltips

Double Border Right

Tooltip with a double border on the right side.

#hover #transform #border

Canlı incele Tooltips

Double Frame Bottom

Tooltip with an outer double-frame border below the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Double Frame Left

Tooltip with an outer double-frame border on the left.

#hover #transform #shadow

Canlı incele Tooltips

Double Frame Right

Tooltip with an outer double-frame border on the right.

#hover #transform #shadow

Canlı incele Tooltips

Double Frame Top

Tooltip with an outer double-frame border above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Draw Border Top

Tooltip border draws itself in above the trigger.

#hover #transform #border

Canlı incele Tooltips

Drop Down Top

Tooltip drops down from above with a gravity feel.

#hover #transform #border

Canlı incele Tooltips

Easter Egg

Colorful Easter egg tooltip with striped pattern.

#hover #gradient #transform

Canlı incele Tooltips

Elastic Bottom

Tooltip snaps in with an elastic overshoot below the trigger.

#hover #transform #border

Canlı incele Tooltips

Elastic Snap

Tooltip that snaps in with elastic bounce easing.

#hover #transform #border

Canlı incele Tooltips

Elastic Top

Tooltip snaps in with an elastic overshoot above the trigger.

#hover #transform #border

Canlı incele Tooltips

Electric Blue

Electric blue tooltip with bright glow above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Emerald Green

Emerald green gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Emerald Tip

Emerald green tooltip with subtle shimmer above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Error Stack

Error stack trace style tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Error Toast

Toast-style error tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Fade Bottom

Dark tooltip fades in below the trigger with an upward arrow.

#hover #transform #border

Canlı incele Tooltips

Fade Left

Tooltip fades in on the left side pointing right.

#hover #transform #border

Canlı incele Tooltips

Fade Right

Tooltip fades in on the right side pointing left.

#hover #transform #border

Canlı incele Tooltips

Fade Top

Simple dark tooltip that fades in above the trigger.

#hover #transform #border

Canlı incele Tooltips

Fan Out Tip

Tooltip that fans out from a point above the trigger.

#hover #transform #border

Canlı incele Tooltips

Feature Card

Feature highlight card tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Fire Flame

Firey red-orange flame tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Flash Strobe

Tooltip that flashes with a strobe-like opacity animation.

#hover #animation #transform

Canlı incele Tooltips

Flash Top

Tooltip flashes briefly into view above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Flat Top

Minimal flat tooltip with no shadow above the trigger.

#hover #transform #border

Canlı incele Tooltips

Flip X Bottom

3D flip tooltip that opens below the trigger on X axis.

#hover #transform #border

Canlı incele Tooltips

Flip X Left

3D flip tooltip on X axis revealing from the left.

#hover #transform #border

Canlı incele Tooltips

Flip X Right

3D flip tooltip on X axis revealing from the right.

#hover #transform #border

Canlı incele Tooltips

Flip X Top

Tooltip flips in on the X-axis above the trigger.

#hover #transform #border

Canlı incele Tooltips

Flip Y Bottom

3D flip tooltip that opens below the trigger on Y axis.

#hover #transform #border

Canlı incele Tooltips

Flip Y Left

3D flip tooltip on Y axis opening like a book from the left.

#hover #transform #border

Canlı incele Tooltips

Flip Y Right

3D flip tooltip on Y axis opening like a book from the right.

#hover #transform #border

Canlı incele Tooltips

Flip Y Top

Tooltip flips in on the Y-axis above the trigger.

#hover #transform #border

Canlı incele Tooltips

Float Up Bottom

Tooltip floats upward from below the trigger.

#hover #transform #border

Canlı incele Tooltips

Foil Shine

Shiny foil-like tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Fold Bottom

Tooltip unfolds open below the trigger.

#hover #transform #border

Canlı incele Tooltips

Fold Left

Tooltip unfolds open to the left of the trigger.

#hover #transform #border

Canlı incele Tooltips

Fold Right

Tooltip unfolds open to the right of the trigger.

#hover #transform #border

Canlı incele Tooltips

Fold Top

Tooltip unfolds from a single line above the trigger.

#hover #transform #border

Canlı incele Tooltips

Forest Green

Deep forest green tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Forest Mist

Misty forest tooltip with soft green-teal foggy glow.

#hover #gradient #transform

Canlı incele Tooltips

Frame Draw

Tooltip with frame that draws itself above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Grid Corner Frame

Tooltip with grid-line decorations only at the four corners.

#hover #gradient #transform

Canlı incele Tooltips

Minimal Line Frame

Tooltip with a thin minimal single-line frame.

#hover #transform #border

Canlı incele Tooltips

Modern Frame

Tooltip with a sleek modern asymmetric frame border.

#hover #transform #border

Canlı incele Tooltips

Ornate Frame

Tooltip with an ornate decorative corner frame.

#hover #transform #shadow

Canlı incele Tooltips

Photo Frame

Tooltip styled like a framed photograph above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Vintage Frame

Tooltip styled like an ornate vintage picture frame.

#hover #transform #shadow

Canlı incele Tooltips

Fuchsia Pop

Vibrant fuchsia tooltip that pops above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Galaxy Swirl

Galaxy swirl tooltip with a spiraling cosmic gradient.

#hover #gradient #transform

Canlı incele Tooltips

Gem Multicolor

Multicolor gem-style tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Ghost Pale

Pale ghostly white tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Glass Blur Strong

Heavy backdrop-blur frosted glass tooltip with strong blur.

#hover #transform #shadow

Canlı incele Tooltips

Glass Frost Cold

Cool-toned frosted glass tooltip with cold blue tint.

#hover #transform #shadow

Canlı incele Tooltips

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Canlı incele Tooltips

Glass Tinted

Tinted glass tooltip with a colored translucent overlay.

#hover #transform #border

Canlı incele Tooltips

Glassmorphism Top

Frosted glass tooltip with backdrop blur above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Glitch Data Corrupt

Tooltip with random data-corruption text jitter effect.

#hover #animation #transform

Canlı incele Tooltips

Glitch Noise TV

Tooltip with a static-noise TV pattern background.

#hover #animation #gradient

Canlı incele Tooltips

Glitch Pixel Split

Tooltip with pixelated horizontal split glitch bands.

#hover #animation #gradient

Canlı incele Tooltips

Glitch RGB Shift

Glitch tooltip with RGB channel shift on text shadow.

#hover #animation #transform

Canlı incele Tooltips

Glitch Shake Error

Glitch tooltip that shakes side to side like a system error.

#hover #animation #transform

Canlı incele Tooltips

Glitch Top

Tooltip glitches into view with RGB split above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Glow Pulse

Tooltip with pulsing glow effect above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Gold Shine

Golden tooltip with shimmering shine above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Gradient Top

Tooltip with a vibrant gradient background above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Spark Graph

Sparkline graph tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Grayscale To Color

Tooltip fades from grayscale to full color above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Grid Pattern Background

Tooltip with a graph-paper grid background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Grow Left

Tooltip grows in from a small point on the left side.

#hover #transform #border

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3