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ı

Square Arrow Right

Tooltip with a sharp square-cut arrow pointing left.

#hover #transform

Canlı incele İpuçları

Square Arrow Top

Tooltip with a sharp square-cut arrow pointing down.

#hover #transform

Canlı incele İpuçları

Star Arrow Bottom

Tooltip with a star-shaped pointer below the trigger.

#hover #transform

Canlı incele İpuçları

Star Arrow Top

Tooltip with a star-shaped pointer above the trigger.

#hover #transform

Canlı incele İpuçları

Aurora Tip

Aurora borealis gradient tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Autumn Leaf

Warm autumn-leaf tooltip in fall colors.

#hover #gradient #transform

Canlı incele İpuçları

Badge Count

Tooltip with notification badge count above the trigger.

#hover #transform #border

Canlı incele İpuçları

Bash Shell

Bash shell style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

BG Aurora

Tooltip with aurora gradient background above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

BG Conic

Tooltip with a conic gradient spin above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

BG Dots

Tooltip with dotted pattern background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Fill

Tooltip background fills up from below above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Gradient Anim

Tooltip with animated gradient background above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

BG Grid

Tooltip with grid pattern background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Noise

Tooltip with subtle noise texture above the trigger.

#hover #transform #border

Canlı incele İpuçları

BG Plasma

Tooltip with plasma gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Stripes

Tooltip with diagonal stripes pattern above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Sweep

Tooltip with a sweeping background gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Birthday Cake

Birthday cake tooltip with candle glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Black Hole Vortex

Black hole vortex tooltip with deep dark center glow.

#hover #gradient #transform

Canlı incele İpuçları

Blinds Vertical

Tooltip reveals like vertical window blinds opening.

#hover #gradient #transform

Canlı incele İpuçları

Blue Info

Blue info tooltip with subtle glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Blur In

Tooltip sharpens from a blur into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Blush Rose

Soft blush-pink tooltip with a gentle rose glow.

#hover #transform #shadow

Canlı incele İpuçları

Border Beam

Tooltip with animated beam border above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Bottom Left Corner

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

#hover #transform #border

Canlı incele İpuçları

Bottom Right Corner

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

#hover #transform #border

Canlı incele İpuçları

Bounce Bottom

Tooltip bounces up from below the trigger.

#hover #transform #border

Canlı incele İpuçları

Bounce Left

Tooltip bounces in from the left with an overshoot easing.

#hover #transform #border

Canlı incele İpuçları

Bounce Loading

Bouncing dots loading tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Bounce Right

Tooltip bounces in from the right side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Bounce Top

Tooltip bounces down on hover above the trigger.

#hover #transform #border

Canlı incele İpuçları

Bronze Rust

Bronze rust tooltip with warm earthy tones above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Brutalist Top

Bold brutalist tooltip with hard shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Build Status

Build status badge tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Canvas Paint

Canvas paint texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Card Hover

Card-like tooltip that lifts up on hover above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cardboard Rough

Rough cardboard texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cascade Tip

Tooltip that cascades into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Cave Stalactite

Cave-stalactite tooltip with sharp pointed bottom edge.

#hover #gradient #transform

Canlı incele İpuçları

Certificate Seal

Certificate-style tooltip with a gold seal accent.

#hover #gradient #transform

Canlı incele İpuçları

Chalk Board

Chalkboard style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Chart Mini

Mini bar chart tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Checker Pattern Background

Tooltip with a checkered background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Cherry Blossom

Soft cherry blossom pink tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Christmas Tree

Festive green Christmas tree tooltip with a star on top.

#hover #gradient #transform

Canlı incele İpuçları

CI Pipeline

CI pipeline status tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Bottom

Tooltip reveals via an expanding circle mask from below.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Left

Tooltip reveals via an expanding circle mask from the left.

#hover #transform #border

Canlı incele İpuçları

Arc Left Clip

Tooltip with a curved arc-shaped left edge clip-path.

#hover #transform

Canlı incele İpuçları

Arc Top Clip

Tooltip with a curved arc-shaped top edge clip-path.

#hover #transform

Canlı incele İpuçları

Arrow Shape Clip

Arrow-shaped tooltip that points back to the trigger.

#hover #transform

Canlı incele İpuçları

Blob Clip

Organic blob-shaped tooltip with irregular rounded edges.

#hover #transform

Canlı incele İpuçları

Bridge Top Clip

Tooltip with a bridge-shaped top edge clip-path.

#hover #transform

Canlı incele İpuçları

Bridge Bottom Clip

Tooltip with a bridge-shaped bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Circle Shrink

Tooltip hides through a shrinking circular clip mask.

#hover #transform

Canlı incele İpuçları

Cloud Puff Clip

Cloud-shaped tooltip with rounded puffy edges.

#hover #transform

Canlı incele İpuçları

Curve Left Clip

Tooltip with a curved left-side clip-path reveal.

#hover #transform

Canlı incele İpuçları

Curve Right Clip

Tooltip with a curved right-side clip-path reveal.

#hover #transform

Canlı incele İpuçları

Droplet Clip

Tooltip with a teardrop droplet shape clip-path.

#hover #transform

Canlı incele İpuçları

Fan Shape Clip

Fan-shaped tooltip with a wide arc bottom edge.

#hover #transform

Canlı incele İpuçları

Flame Clip

Flame-shaped tooltip with a flickering clip-path.

#hover #gradient #transform

Canlı incele İpuçları

Heart Shape Clip

Heart-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Clip Hex Bottom

Hexagon-shaped tooltip clipped into form below the trigger.

#hover #transform

Canlı incele İpuçları

Clip Hex Right

Hexagon-shaped tooltip clipped into form on the right.

#hover #transform

Canlı incele İpuçları

Clip Hex Top

Hexagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Notch Corner BL Clip

Tooltip with a notched bottom-left corner clip-path.

#hover #transform

Canlı incele İpuçları

Notch Corner TL Clip

Tooltip with a notched top-left corner clip-path.

#hover #transform

Canlı incele İpuçları

Clip Path Bottom

Tooltip clips open with a diamond mask below the trigger.

#hover #transform #border

Canlı incele İpuçları

Clip Path Top

Tooltip clips open with a circle mask above the trigger.

#hover #transform #border

Canlı incele İpuçları

Pentagon Clip

Pentagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Petal Clip

Tooltip with a soft petal-shaped clip-path.

#hover #transform

Canlı incele İpuçları

Pixel Block Clip

Tooltip with a pixelated staircase bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Rhombus Clip

Rhombus-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Ribbon Clip

Ribbon-shaped tooltip with notched ends.

#hover #transform

Canlı incele İpuçları

Scallop Edge Clip

Tooltip with a scalloped bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Star Burst Clip

Star-burst tooltip with many points radiating outward.

#hover #transform

Canlı incele İpuçları

Star Grow Clip

Star-shaped tooltip that grows from a point above the trigger.

#hover #transform

Canlı incele İpuçları

Triangle Clip Bottom

Triangle-shaped tooltip pointer below the trigger.

#hover #transform

Canlı incele İpuçları

Triangle Clip Left

Triangle-shaped tooltip pointer to the left of the trigger.

#hover #transform

Canlı incele İpuçları

Triangle Clip Top

Triangle-shaped tooltip pointer above the trigger.

#hover #transform

Canlı incele İpuçları

Wave Edge Clip

Tooltip with a wavy bottom edge clip-path.

#hover #gradient #transform

Canlı incele İpuçları

Wedge Bottom Clip

Tooltip with a wedge-shaped bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Wedge Left Clip

Tooltip with a wedge-shaped left edge clip-path.

#hover #transform

Canlı incele İpuçları

Clock Live

Clock display tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

CMD Prompt

Windows CMD prompt style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Coach Mark

Coach mark tooltip pointing to a feature above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Code Snippet

Tooltip with code snippet preview above the trigger.

#hover #transform #border

Canlı incele İpuçları

Code Syntax

Tooltip with syntax-highlighted code above the trigger.

#hover #transform #border

Canlı incele İpuçları

Concrete Texture

Raw concrete texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Constellation

Tooltip with starry constellation above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Coral Warm

Warm coral tooltip with soft gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Corner Bracket Bottom-Left

Tooltip with L-shaped corner brackets at the bottom-left.

#hover #transform #border

Canlı incele İpuçları

Corner Bracket Bottom-Right

Tooltip with L-shaped corner brackets at the bottom-right.

#hover #transform #border

Canlı incele İpuçları

Corner Bracket Top-Left

Tooltip with L-shaped corner brackets at the top-left.

#hover #transform #border