LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#shadow CSS efektleri

"shadow" etiketiyle eşleşen 5.664 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Metin

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Canlı incele Metin

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Canlı incele Metin

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Canlı incele Metin

Treble Clef

Curving treble clef over text.

#animation #transform #shadow

Canlı incele Metin

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Metin

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Canlı incele Metin

Typewriter Mono Clean

Clean monospace typewriter.

Canlı incele Metin

Vintage Poster

Aged vintage poster text with muted sepia tones.

#shadow #filter

Canlı incele Metin

Water Ripple

Text with a watery ripple distortion effect.

#animation #gradient #transform

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 İpuçları

Aurora Borealis

Northern-lights aurora borealis gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Book Page

Book page tooltip with double-page book styling.

#hover #transform #shadow

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ı

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ı

Crystal Spark

Crystal-like sparkling tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Cyber Grid

Cyberpunk grid pattern tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Date Picker

Date picker style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Denim Fabric

Denim fabric texture tooltip above the trigger.

#hover #gradient #transform

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ı

Feature Card

Feature highlight card tooltip above the trigger.

#hover #gradient #transform

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ı

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

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ı

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ı

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ı

Robot Circuit

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

#hover #gradient #transform

Canlı incele İpuçları

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Canlı incele İpuçları

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Status Away

Away status tooltip with yellow dot above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Status Online

Online status tooltip with green dot above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Status Pill

Pill-shaped status tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Sticker Peel

Tooltip that peels up like a sticker above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Canlı incele Zaman Çizelgeleri

Drift Eras Timeline

Blunt outlined blocks hold each century over an oversized ghost numeral and shift on hover.

#brutalist #hover #shadow

Canlı incele Zaman Çizelgeleri

Flange Merge Timeline

A side branch flanges out of the trunk and curves straight back into the next release.

#border #shadow #branching

Canlı incele Zaman Çizelgeleri

Flux Funding Timeline

Soft moulded grooves carry a bead further along the track with every funding round.

#shadow #neumorphism #layout

Canlı incele Zaman Çizelgeleri

Lull Retro Timeline

Taped paper notes from three quiet weeks lean at odd angles and straighten under the cursor.

#hover #transform #shadow

Canlı incele Anahtarlar

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Arrive / Depart

Arrow-shaped knob slides with a motion blur filter as track turns blue.

#transform #shadow #filter

Canlı incele Anahtarlar

Bubble Pop

Glassy bubble knob pops to a larger size when activated.

#gradient #transform #shadow

Canlı incele Anahtarlar

Buoyant / Sinking

Buoyant knob floats then sinks beneath the water on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Anahtarlar

Charcoal Matte

Matte charcoal black with no-shine knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Co-op / Versus

Cooperative dots become a versus symbol on toggle.

#transform #shadow

Canlı incele Anahtarlar

Coin / Token

Gold coin knob becomes a colored token on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Compact / Spacious

Tight knob expands to a wider spacious layout.

#transform #shadow

Canlı incele Anahtarlar

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Pearl

Coral pink with pearlescent shimmer knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Canlı incele Anahtarlar

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Canlı incele Anahtarlar

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Canlı incele Anahtarlar

Debug / Release

Bug debug knob becomes a release rocket on the green track.

#transform #shadow

Canlı incele Anahtarlar

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Canlı incele Anahtarlar

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Anahtarlar

Draft / Published

Pencil draft rolls into a published newspaper.

#transform #shadow

Canlı incele Anahtarlar

Drag / Fling

Knob slides gently on drag and flings with overshoot on toggle.

#transform #shadow

Canlı incele Anahtarlar

Easy / Hard

Smooth path turns into a jagged difficult one.

#transform #shadow

Canlı incele Anahtarlar

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Solar Eclipse

Moon slides in front of the sun to create an eclipse.

#gradient #transform #shadow

Canlı incele Anahtarlar

Eclipse Ring

Moon eclipses the sun with a glowing corona ring.

#gradient #transform #shadow

Canlı incele Anahtarlar

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Canlı incele Anahtarlar

Engrave / Relief

Engraved-inset knob flips to a raised relief on toggle.

#transform #shadow

Canlı incele Anahtarlar

Enter / Exit

Door-enter arrow reverses to an exit sign.

#transform #shadow

Canlı incele Anahtarlar

Error / Success

Red X failure morphs to a green check success.

#transform #shadow

Canlı incele Anahtarlar

Fantasy / Sci-Fi

Dragon knob becomes a UFO on the cosmic track.

#transform #shadow

Canlı incele Anahtarlar

Fill / Drain

Liquid fill rises inside the track as the knob floats to the right.

#transform #shadow

Canlı incele Anahtarlar

Flag / Check

Red flag converts to a green check when resolved.

#transform #shadow

Canlı incele Anahtarlar

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Canlı incele Anahtarlar

Focused / Distracted

Target stays centered when focused, scatters when distracted.

#animation #transform #shadow

Canlı incele Anahtarlar

Free / Occupied

Vacant sign flips to occupied restroom style.

#transform #shadow

Canlı incele Anahtarlar

Freeze / Thaw

Snowflake melts into a droplet as the cyan track warms to blue.

#transform #shadow

Canlı incele Anahtarlar

Full / Empty

Vertical fill bar drains from full to empty as the knob drops.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fullscreen / Window

Expand arrows toggle to a windowed restore.

#transform #shadow

Canlı incele Anahtarlar

Gem / Jewel

Raw gem knob cuts into a faceted jewel on the rose track.

#transform #shadow