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 Metin

Wave Bounce Letters

Letters rise and fall in a smooth traveling wave.

#animation #transform #wave

Canlı incele Metin

Wave Triangle

Triangle wave zigzag pattern.

Canlı incele Metin

White Dwarf

Dense, hot white dwarf with intense glow.

#animation #shadow #filter

Canlı incele Metin

Willow Weep

Weeping willow branches on text.

#animation #transform #shadow

Canlı incele Metin

Y2K Bubble Gloss

Y2K glossy bubble text.

#gradient #shadow #filter

Canlı incele Metin

Y2K Chrome

Y2K millennium chrome text with metallic blue.

Canlı incele Metin

Zenith Peak

Bright peak point directly overhead in text.

#animation #gradient #filter

Canlı incele Metin

Zoom In

Text zooming in from far distance.

#animation #transform

Canlı incele İpuçları

Dashed Arrow Left

Tooltip to the left of the trigger with a dashed connector.

#hover #transform #border

Canlı incele İpuçları

Diamond Arrow Left

Tooltip with a diamond-shaped pointer on the left side.

#hover #transform

Canlı incele İpuçları

Double Arrow Left

Tooltip with stacked double-chevron arrow pointing right.

#hover #transform #border

Canlı incele İpuçları

Double Arrow Right

Tooltip with stacked double-chevron arrow pointing left.

#hover #transform #border

Canlı incele İpuçları

Line Arrow

Tooltip connected by a thin line above the trigger.

#hover #transform

Canlı incele İpuçları

No Arrow

Clean tooltip without any arrow above the trigger.

#hover #transform

Canlı incele İpuçları

Rounded Arrow Bottom

Tooltip with a rounded pill-shaped arrow nub pointing up.

#hover #transform

Canlı incele İpuçları

Triangle Arrow Top

Tooltip with prominent triangle arrow above the trigger.

#hover #transform #border

Canlı incele İpuçları

Aurora Borealis

Northern-lights aurora borealis gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

BG Mesh

Tooltip with mesh gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Radial

Tooltip background radiates from center above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Blinds Open

Tooltip reveals like venetian blinds opening above the trigger.

#hover #transform #border

Canlı incele İpuçları

Book Page

Book page tooltip with double-page book styling.

#hover #transform #shadow

Canlı incele İpuçları

Branch Name

Git branch name tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Burnt Orange Glow

Warm burnt orange tooltip with a soft ambient glow.

#hover #transform #shadow

Canlı incele İpuçları

Carbon Fiber

Carbon fiber weave texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Char Flip

Tooltip characters flip in sequence above the trigger.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Right

Tooltip reveals via an expanding circle mask from the right.

#hover #transform #border

Canlı incele İpuçları

Arc Bottom Clip

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

#hover #transform

Canlı incele İpuçları

Arc Right Clip

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

#hover #transform

Canlı incele İpuçları

Circle Grow

Tooltip reveals through a growing circular clip mask.

#hover #transform

Canlı incele İpuçları

Funnel Clip

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

#hover #transform

Canlı incele İpuçları

Clip Hex Left

Hexagon-shaped tooltip clipped into form on the left.

#hover #transform

Canlı incele İpuçları

Leaf Clip

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

#hover #transform

Canlı incele İpuçları

Notch Corner BR Clip

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

#hover #transform

Canlı incele İpuçları

Notch Corner TR Clip

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

#hover #transform

Canlı incele İpuçları

Octagon Clip

Octagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Triangle Clip Right

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

#hover #transform

Canlı incele İpuçları

Wedge Right Clip

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

#hover #transform

Canlı incele İpuçları

Wedge Top Clip

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

#hover #transform

Canlı incele İpuçları

Zigzag Edge Clip

Tooltip with a zigzag bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Code Line Numbers

Tooltip with line-numbered code above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Comet Tail

Comet tail tooltip with trailing gradient streak.

#hover #gradient #transform

Canlı incele İpuçları

Coral Sunset Pink

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

#hover #gradient #transform

Canlı incele İpuçları

Coupon Edge

Tooltip styled like a coupon with notched edges.

#hover #transform

Canlı incele İpuçları

Crystal Spark

Crystal-like sparkling tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Curtain Left

Tooltip reveals like a curtain opening to the left.

#hover #transform #border

Canlı incele İpuçları

Cyber Grid

Cyberpunk grid pattern tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Dashed Border Bottom

Tooltip with a dashed border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Dashed Border Right

Tooltip with a dashed border on the right side.

#hover #transform #border

Canlı incele İpuçları

Date Picker

Date picker style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Deep Teal Pool

Teal tooltip with a subtle aqua gradient pool effect.

#hover #gradient #transform

Canlı incele İpuçları

Denim Fabric

Denim fabric texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Discrete Transition Tooltip

The bubble animates in from display none using allow-discrete and @starting-style.

#hover #transform #border

Canlı incele İpuçları

Dotted Border Right

Tooltip with a dotted border on the right side.

#hover #transform #border

Canlı incele İpuçları

Double Frame Bottom

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

#hover #transform #shadow

Canlı incele İpuçları

Double Frame Top

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

#hover #transform #shadow

Canlı incele İpuçları

Error Stack

Error stack trace style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Fade Right

Tooltip fades in on the right side pointing left.

#hover #transform #border

Canlı incele İpuçları

Fan Out Tip

Tooltip that fans out from a point above the trigger.

#hover #transform #border

Canlı incele İpuçları

Feature Card

Feature highlight card tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Flash Strobe

Tooltip that flashes with a strobe-like opacity animation.

#hover #animation #transform

Canlı incele İpuçları

Flip X Left

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

#hover #transform #border

Canlı incele İpuçları

Flip X Right

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

#hover #transform #border

Canlı incele İpuçları

Glass Frost Cold

Cool-toned frosted glass tooltip with cold blue tint.

#hover #transform #shadow

Canlı incele İpuçları

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Canlı incele İpuçları

Green Success

Green success tooltip with checkmark styling above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Groove Border Top

Tooltip with a 3D grooved border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Help

Tooltip with question mark icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Inset Border Top

Tooltip with an inset 3D border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Liquid Ripple

Tooltip that ripples outward like a water drop impact.

#hover #transform #border

Canlı incele İpuçları

Milestone

Milestone tag tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Mustard Field

Rich mustard yellow tooltip with a vintage field feel.

#hover #transform #border

Canlı incele İpuçları

Neumorphic Top

Soft neumorphic tooltip with inset shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

OKLCH Tone Tooltip

Bubble, arrow and trigger colours are all mixed from one OKLCH hue in OKLAB.

#hover #transform #shadow

Canlı incele İpuçları

Olive Military

Olive-drab military-styled tooltip with stencil feel.

#hover #transform #border

Canlı incele İpuçları

Orbit Circles

Tooltip with orbiting circles decoration above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pastel Soft

Soft pastel tooltip with gentle colors above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pencil Sketch

Pencil sketch style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Pink Bubble

Pink bubble tooltip with rounded corners above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Powder Sky

Soft powder-blue tooltip reminiscent of a clear sky.

#hover #transform #shadow

Canlı incele İpuçları

Progress Bar

Tooltip with animated progress bar above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Progress Circular

Tooltip with circular progress indicator above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Progress Ring

Circular progress ring tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele İpuçları

Rich Content

Tooltip with rich multi-line content above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Ridge Border Bottom

Tooltip with a 3D ridged border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #gradient #transform

Canlı incele İpuçları

Rotate Left

Tooltip rotates in from the left with a spin animation.

#hover #transform #border

Canlı incele İpuçları

Rotate In Top

Tooltip rotates into place above the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Left

Tooltip scales in from the left of the trigger.

#hover #transform #border

Canlı incele İpuçları

Pop Scale Tooltip

The bubble springs open from the trigger with a slight overshoot before settling.

#hover #transform #border

Canlı incele İpuçları

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient