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ı

Glow Border Tooltip

A dark bubble outlined by a soft coloured glow that pulses while it is open.

#hover #animation #shadow

Canlı incele İpuçları

Glow Pulse

Tooltip with pulsing glow effect above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Gold Shine

Golden tooltip with shimmering shine above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Gradient Top

Tooltip with a vibrant gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spark Graph

Sparkline graph tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Grayscale To Color

Tooltip fades from grayscale to full color above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Grid Pattern Background

Tooltip with a graph-paper grid background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Grow Left

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

#hover #transform #border

Canlı incele İpuçları

Grow Right

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

#hover #transform #border

Canlı incele İpuçları

Hacker Matrix

Matrix-style falling green tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Halloween Pumpkin

Spooky orange pumpkin-styled Halloween tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Has-Selector Focus Tooltip

The hint opens on hover and stays open while the field inside it holds focus.

#hover #transform #border

Canlı incele İpuçları

Heartbeat Life

Tooltip that beats like a heart with a double-thump rhythm.

#hover #animation #transform

Canlı incele İpuçları

Helix Tip

Helix spiral tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Hologram Projection

Holographic projection tooltip with conic prismatic shimmer.

#hover #gradient #transform

Canlı incele İpuçları

Hologram Scanline

Holographic tooltip with animated horizontal scanline overlay.

#hover #animation #gradient

Canlı incele İpuçları

Hologram Shimmer

Holographic shimmer tooltip with a moving gradient overlay.

#hover #animation #gradient

Canlı incele İpuçları

Holographic

Holographic iridescent tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Ice Frost

Icy frost blue tooltip with cool glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Iceberg Floating

Floating iceberg tooltip with cool cyan and white tones.

#hover #gradient #transform

Canlı incele İpuçları

Icon Bell

Tooltip with bell notification icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Error

Tooltip with error X icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Heart

Tooltip with heart icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Info

Tooltip with info icon prefix above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Lightbulb

Tooltip with bright lightbulb idea icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Question

Tooltip with circular question mark icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Rocket

Tooltip with rocket launch icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Star

Tooltip with star icon above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Icon Success

Tooltip with checkmark success icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Tip

Tooltip with lightbulb tip icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Warning

Tooltip with warning triangle icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Indigo Night

Deep indigo tooltip with starlight glow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Info Button

Circular info button tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ink Blot

Ink blot texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Iridescent

Iridescent shimmering tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Issue Tag

Issue tracker tag tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ivory Bone

Light ivory tooltip with a warm bone-white palette.

#hover #transform #shadow

Canlı incele İpuçları

Jelly Wobble

Tooltip that wobbles like jelly as it appears.

#hover #transform #border

Canlı incele İpuçları

Jiggle Bottom

Tooltip jiggles into place below the trigger.

#hover #animation #transform

Canlı incele İpuçları

July 4th Stars

American patriotic red-white-blue tooltip with stars.

#hover #gradient #transform

Canlı incele İpuçları

Kanban Card

Kanban card tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Lavender Dusk

Lavender dusk purple tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Leather Texture

Leather textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Letter Spacing In

Tooltip text contracts letter spacing on reveal above the trigger.

#hover #transform #border

Canlı incele İpuçları

Lime Flat

Flat lime green tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Line Pattern Background

Tooltip with a vertical line background pattern.

#hover #gradient #transform

Canlı incele İpuçları

Liquid Blob

Tooltip that morphs in like a liquid blob with shifting borders.

#hover #transform #border

Canlı incele İpuçları

Liquid Wave

Tooltip with a wavy liquid edge at the bottom.

#hover #gradient #transform

Canlı incele İpuçları

List Bullet

Tooltip with bulleted list above the trigger.

#hover #transform #border

Canlı incele İpuçları

List Numbered

Tooltip with numbered list above the trigger.

#hover #transform #border

Canlı incele İpuçları

Loading Bar

Loading bar tooltip with animation above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Magenta Neon

Bright magenta neon tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Magnetic Pull

Tooltip that magnetically pulls toward the cursor above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Magnetic Pull Strong

Tooltip with strong magnetic pull easing overshoot.

#hover #transform #border

Canlı incele İpuçları

Magnetic Repel

Tooltip that overshoots past the target as if magnetically repelled.

#hover #transform #border

Canlı incele İpuçları

Marble Vein

Marble with veining tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Marker Board

Whiteboard marker tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Marker Highlight

Tooltip with highlight marker feel above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Material Top

Material design tooltip with elevation above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Meadow Flower

Meadow flower tooltip with soft pastel color palette.

#hover #gradient #transform

Canlı incele İpuçları

Metal Brushed

Brushed metal texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Meteor Shower

Meteor shower tooltip with diagonal streak pattern.

#hover #gradient #transform

Canlı incele İpuçları

Meter Gauge

Meter gauge tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Midnight Blue

Deep midnight blue tooltip with starlight above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Midnight Plum

Dark midnight-plum tooltip with subtle violet highlights.

#hover #gradient #transform

Canlı incele İpuçları

Mint Fresh

Fresh mint tooltip with cool gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Mono Light

Monospace light tooltip with clean terminal feel above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Moon Crater

Moon surface tooltip with cratered texture decoration.

#hover #gradient #transform

Canlı incele İpuçları

Moonlight Night

Silvery moonlit night tooltip with subtle indigo glow.

#hover #gradient #transform

Canlı incele İpuçları

Mountain Peak

Mountain-peak tooltip with cool gray-blue stone tones.

#hover #gradient #transform

Canlı incele İpuçları

Multi Line

Tooltip with multiple lines of text above the trigger.

#hover #transform #border

Canlı incele İpuçları

Neon Double Glow

Neon tooltip with double-layered glow shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Neon Flicker Anim

Neon tooltip with flickering animation on hover.

#hover #animation #transform

Canlı incele İpuçları

Neon Sign Buzz

Neon sign tooltip with a subtle electric buzz glow.

#hover #transform #shadow

Canlı incele İpuçları

Neon Top

Glowing neon tooltip with vibrant shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

New Badge

NEW badge tooltip with sparkle above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

New Year Firework

Firework burst tooltip celebrating the New Year.

#hover #gradient #transform

Canlı incele İpuçları

Notification Dot

Tooltip with pulsing notification dot above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Ocean Tide

Ocean-tide tooltip with layered blue wave gradients.

#hover #gradient #transform

Canlı incele İpuçları

Oil Paint

Oil paint textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Old Letter

Aged parchment letter tooltip with cream paper texture.

#hover #gradient #transform

Canlı incele İpuçları

Onboarding

Onboarding tooltip with welcome message above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Opal Glow

Opal-like glowing tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Orange Pop

Vibrant orange tooltip with bounce pop above the trigger.

#hover #transform #border

Canlı incele İpuçları

Orbit Tip

Tooltip with orbiting dot above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Origami Tip

Origami-folded tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Oscillate Swing

Tooltip that swings like a pendulum on hover.

#hover #animation #transform

Canlı incele İpuçları

Outline Trace

Tooltip with outline that traces around above the trigger.

#hover #transform #border

Canlı incele İpuçları

Outset Border Bottom

Tooltip with an outset 3D border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Paper Fold

Tooltip that unfolds like paper above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Paper Recycled

Recycled paper texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Particle Burst

Tooltip that bursts in with radiating particle dots.

#hover #transform #shadow

Canlı incele İpuçları

Particle Float

Tooltip with floating particle dots scattered across its background.

#hover #gradient #transform

Canlı incele İpuçları

Particle Trail

Tooltip with a trailing line of particle dots leading to the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pearl Shimmer

Pearlescent shimmering tooltip above the trigger.

#hover #animation #gradient