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

Arc Left Clip

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

#hover #transform

Canlı incele Tooltips

Arc Right Clip

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

#hover #transform

Canlı incele Tooltips

Arc Top Clip

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

#hover #transform

Canlı incele Tooltips

Arrow Shape Clip

Arrow-shaped tooltip that points back to the trigger.

#hover #transform

Canlı incele Tooltips

Blob Clip

Organic blob-shaped tooltip with irregular rounded edges.

#hover #transform

Canlı incele Tooltips

Bridge Top Clip

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

#hover #transform

Canlı incele Tooltips

Bridge Bottom Clip

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

#hover #transform

Canlı incele Tooltips

Circle Grow

Tooltip reveals through a growing circular clip mask.

#hover #transform

Canlı incele Tooltips

Circle Shrink

Tooltip hides through a shrinking circular clip mask.

#hover #transform

Canlı incele Tooltips

Cloud Puff Clip

Cloud-shaped tooltip with rounded puffy edges.

#hover #transform

Canlı incele Tooltips

Curve Left Clip

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

#hover #transform

Canlı incele Tooltips

Curve Right Clip

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

#hover #transform

Canlı incele Tooltips

Diamond Grow Clip

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

#hover #transform

Canlı incele Tooltips

Droplet Clip

Tooltip with a teardrop droplet shape clip-path.

#hover #transform

Canlı incele Tooltips

Fan Shape Clip

Fan-shaped tooltip with a wide arc bottom edge.

#hover #transform

Canlı incele Tooltips

Flame Clip

Flame-shaped tooltip with a flickering clip-path.

#hover #gradient #transform

Canlı incele Tooltips

Funnel Clip

Tooltip with a funnel-shaped narrow bottom clip-path.

#hover #transform

Canlı incele Tooltips

Heart Shape Clip

Heart-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele Tooltips

Clip Hex Bottom

Hexagon-shaped tooltip clipped into form below the trigger.

#hover #transform

Canlı incele Tooltips

Clip Hex Left

Hexagon-shaped tooltip clipped into form on the left.

#hover #transform

Canlı incele Tooltips

Clip Hex Right

Hexagon-shaped tooltip clipped into form on the right.

#hover #transform

Canlı incele Tooltips

Clip Hex Top

Hexagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele Tooltips

Leaf Clip

Leaf-shaped tooltip with a curved organic clip-path.

#hover #transform

Canlı incele Tooltips

Notch Corner BL Clip

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

#hover #transform

Canlı incele Tooltips

Notch Corner BR Clip

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

#hover #transform

Canlı incele Tooltips

Notch Corner TL Clip

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

#hover #transform

Canlı incele Tooltips

Notch Corner TR Clip

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

#hover #transform

Canlı incele Tooltips

Octagon Clip

Octagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele Tooltips

Clip Path Bottom

Tooltip clips open with a diamond mask below the trigger.

#hover #transform #border

Canlı incele Tooltips

Clip Path Top

Tooltip clips open with a circle mask above the trigger.

#hover #transform #border

Canlı incele Tooltips

Pentagon Clip

Pentagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele Tooltips

Petal Clip

Tooltip with a soft petal-shaped clip-path.

#hover #transform

Canlı incele Tooltips

Pixel Block Clip

Tooltip with a pixelated staircase bottom edge clip-path.

#hover #transform

Canlı incele Tooltips

Rhombus Clip

Rhombus-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele Tooltips

Ribbon Clip

Ribbon-shaped tooltip with notched ends.

#hover #transform

Canlı incele Tooltips

Scallop Edge Clip

Tooltip with a scalloped bottom edge clip-path.

#hover #transform

Canlı incele Tooltips

Spiral Shell Clip

Tooltip with a spiral shell-like curved shape.

#hover #transform

Canlı incele Tooltips

Star Burst Clip

Star-burst tooltip with many points radiating outward.

#hover #transform

Canlı incele Tooltips

Star Grow Clip

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

#hover #transform

Canlı incele Tooltips

Triangle Clip Bottom

Triangle-shaped tooltip pointer below the trigger.

#hover #transform

Canlı incele Tooltips

Triangle Clip Left

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

#hover #transform

Canlı incele Tooltips

Triangle Clip Right

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

#hover #transform

Canlı incele Tooltips

Triangle Clip Top

Triangle-shaped tooltip pointer above the trigger.

#hover #transform

Canlı incele Tooltips

Wave Edge Clip

Tooltip with a wavy bottom edge clip-path.

#hover #gradient #transform

Canlı incele Tooltips

Wedge Bottom Clip

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

#hover #transform

Canlı incele Tooltips

Wedge Left Clip

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

#hover #transform

Canlı incele Tooltips

Wedge Right Clip

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

#hover #transform

Canlı incele Tooltips

Wedge Top Clip

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

#hover #transform

Canlı incele Tooltips

Zigzag Edge Clip

Tooltip with a zigzag bottom edge clip-path.

#hover #transform

Canlı incele Tooltips

Clock Live

Clock display tooltip above the trigger.

#hover #animation #transform

Canlı incele Tooltips

CMD Prompt

Windows CMD prompt style tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Coach Mark

Coach mark tooltip pointing to a feature above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Code Line Numbers

Tooltip with line-numbered code above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Code Snippet

Tooltip with code snippet preview above the trigger.

#hover #transform #border

Canlı incele Tooltips

Code Syntax

Tooltip with syntax-highlighted code above the trigger.

#hover #transform #border

Canlı incele Tooltips

Comet Tail

Comet tail tooltip with trailing gradient streak.

#hover #gradient #transform

Canlı incele Tooltips

Commit Hash

Git commit hash tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Concrete Texture

Raw concrete texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Confetti Pop

Tooltip with confetti pop animation above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Constellation

Tooltip with starry constellation above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Coral Sunset Pink

Warm coral-to-pink gradient tooltip evoking a sunset.

#hover #gradient #transform

Canlı incele Tooltips

Coral Warm

Warm coral tooltip with soft gradient above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Corner Bracket Bottom-Left

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

#hover #transform #border

Canlı incele Tooltips

Corner Bracket Bottom-Right

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

#hover #transform #border

Canlı incele Tooltips

Corner Bracket Top-Left

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

#hover #transform #border

Canlı incele Tooltips

Corner Bracket Top-Right

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

#hover #transform #border

Canlı incele Tooltips

Corners Bracket

Tooltip with corner brackets drawing in above the trigger.

#hover #transform #border

Canlı incele Tooltips

Cosmic Nebula

Cosmic nebula tooltip with swirling purple-blue star clouds.

#hover #gradient #transform

Canlı incele Tooltips

Cotton Candy

Pink cotton candy tooltip with sweet gradient above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Counter Rotate 3D

Tooltip that counter-rotates in 3D from opposite angles.

#hover #transform #border

Canlı incele Tooltips

Counter Up

Tooltip that counts up when shown above the trigger.

#hover #transform #border

Canlı incele Tooltips

Coupon Edge

Tooltip styled like a coupon with notched edges.

#hover #transform

Canlı incele Tooltips

Perforated Coupon

Tooltip styled like a perforated coupon with dashed divider.

#hover #gradient #transform

Canlı incele Tooltips

Crayon Texture

Crayon-waxy texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Cream Vanilla

Light cream tooltip with a soft vanilla-tinted background.

#hover #transform #shadow

Canlı incele Tooltips

Crimson Velvet

Deep crimson tooltip with a gold border accent above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Crinkle Paper

Crinkled paper texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Cross Hatch Background

Tooltip with a cross-hatched diagonal line background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Crystal Spark

Crystal-like sparkling tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Cube Rotate

Tooltip rotates like a cube face above the trigger.

#hover #transform #border

Canlı incele Tooltips

Cube Rotate Left

Tooltip rotates in like a cube unfolding from the left.

#hover #transform #border

Canlı incele Tooltips

Cube Rotate Right

Tooltip rotates in like a cube unfolding from the right.

#hover #transform #border

Canlı incele Tooltips

Cursor Follow

Tooltip that follows the cursor above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Cursor Spotlight

Tooltip with a radial spotlight mask highlighting the text.

#hover #gradient #transform

Canlı incele Tooltips

Cursor Trail Follow

Tooltip that smoothly follows the cursor with a delayed trail.

#hover #transform

Canlı incele Tooltips

Cursor Zoom

Tooltip that zooms in from a tiny dot at cursor position.

#hover #transform #border

Canlı incele Tooltips

Curtain Down

Tooltip reveals like a curtain dropping from above.

#hover #transform #border

Canlı incele Tooltips

Curtain Left

Tooltip reveals like a curtain opening to the left.

#hover #transform #border

Canlı incele Tooltips

Curtain Right

Tooltip reveals like a curtain opening to the right.

#hover #transform #border

Canlı incele Tooltips

Curtain Up

Tooltip reveals like a curtain rising above the trigger.

#hover #transform #border

Canlı incele Tooltips

Curve Path

Tooltip curves along a path into view above the trigger.

#hover #transform #border

Canlı incele Tooltips

Cyan Cyber

Cyberpunk cyan tooltip with neon glow above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Cyber Grid

Cyberpunk grid pattern tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Dark Top

Pure dark tooltip with sharp corners above the trigger.

#hover #transform #border

Canlı incele Tooltips

Dashed Border Bottom

Tooltip with a dashed border below the trigger.

#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