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 Formlar

Circle Icon Input

Input with circular icon container on the left.

#transform #shadow #border

Canlı incele Formlar

Color Changing Icon Input

Input whose icon cycles through colors on focus.

#animation #transform #shadow

Canlı incele Formlar

Email Icon Input

Email input with envelope icon that opens on focus.

#transform #shadow #border

Canlı incele Formlar

Flip Icon Input

Input whose icon flips 180 degrees on focus.

#transform #shadow #border

Canlı incele Formlar

Grow Icon Input

Input whose icon grows in size when focused.

#transform #shadow #border

Canlı incele Formlar

Shrink Icon Input

Input whose icon shrinks when focused (inverse effect).

#transform #shadow #border

Canlı incele Formlar

Tag Icon Input

Tag input with tag icon that flips in on focus.

#transform #shadow #border

Canlı incele Formlar

Search Input with Clear Button

Search input that shows a clear (×) button when typed.

#hover #transform #shadow

Canlı incele Formlar

Credit Card Preview

Credit card visual preview that updates on input focus.

#gradient #transform #shadow

Canlı incele Formlar

3D Search Bar

Skeuomorphic 3D search bar with depth.

#transform #shadow #border

Canlı incele Formlar

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Canlı incele Formlar

Minimal Slider

Ultra-minimal slider with thin track and small thumb.

#shadow #border

Canlı incele Formlar

Success State Input

Input showing success state with green border and checkmark icon.

#animation #transform #shadow

Canlı incele Formlar

Segmented Switch

Segmented toggle group with sliding indicator between options.

#hover #shadow #border

Canlı incele Formlar

Shadow Lift Switch

Toggle knob lifts with shadow during transition.

#transform #shadow

Canlı incele Formlar

Bordered Textarea

Textarea with a colored left accent border.

#shadow #border

Canlı incele Formlar

Glassmorphism Textarea

Frosted glass textarea with translucent background.

#shadow #border #filter

Canlı incele Formlar

Brutalist Hard Edge Input

Brutalist design with hard borders, monospace and offset shadow.

#transform #shadow #border

Canlı incele Formlar

Light Glassmorphism Input

Light frosted glass input with soft white glow on focus.

#gradient #shadow #border

Canlı incele Formlar

Neumorphic Soft Input

Soft neumorphic input with inset shadow on focus.

#shadow #border

Canlı incele Formlar

Valid Check Mark Input

Input that shows a green checkmark when valid.

#transform #shadow #border

Canlı incele Formlar

Valid Icon Input

Input with a checkmark icon that appears when valid.

#transform #shadow #border

Canlı incele Formlar

Success State Input

Input with full success state — green border, check, and label color.

#transform #shadow #border

Canlı incele Hover

Acid Green Tint

Acid green tint pulses through on hover.

Canlı incele Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Canlı incele Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Curtain Open

Two colored curtains split apart horizontally to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Embers Glow

Glowing embers rise on hover.

#hover #animation #shadow

Canlı incele Hover

Fire Flicker

Flickering firelight on hover.

#hover #animation #shadow

Canlı incele Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Canlı incele Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Canlı incele Hover

Firelight Glow

Warm firelight ember glow on hover.

#hover #animation #shadow

Canlı incele Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Canlı incele Hover

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

Canlı incele Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Canlı incele Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Canlı incele Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Canlı incele Hover

Glow Soft Pulse

Soft pulsing glow halo on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Canlı incele Hover

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #animation #shadow

Canlı incele Hover

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Canlı incele Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Canlı incele Hover

Inner Shadow Glow

Inset shadow glows from edges on hover.

Canlı incele Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

Canlı incele Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Canlı incele Hover

Pixel Grid Light

A fine grid of pixel dots lights up across the panel on hover.

#gradient #hover #shadow

Canlı incele Hover

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Canlı incele Hover

Shatter Glass

Panel splits into 4 glassy quadrants that fly outward and fade on hover.

#gradient #hover #glass

Canlı incele Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Canlı incele Hover

Stack Shadow Text

Stacked shadows form on text on hover.

Canlı incele Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Bulb Glow

Light bulb glowing on and off.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Butter Melt

Butter pat melting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Card Shuffle

Playing cards fanning out and shuffling back together.

#animation #gradient #transform

Canlı incele Yükleyiciler

Carnival Mask

Venetian carnival mask with feathers.

#animation #gradient #transform

Canlı incele Yükleyiciler

Carousel Spin

Carnival carousel with painted cabins orbiting a glowing center pole.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cassette Spin

Cassette tape reels spinning.

#animation #gradient #transform

Canlı incele Yükleyiciler

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Canlı incele Yükleyiciler

Comet Streak

Comet with tail streaking across the sky.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Constellation

Stars connecting to form a constellation.

#animation #transform #shadow

Canlı incele Yükleyiciler

Ember Glow

Hot embers glowing intensely.

#animation #gradient #transform

Canlı incele Yükleyiciler

Emerald Flash

Emerald gem flashing green light.

#animation #gradient #transform

Canlı incele Yükleyiciler

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jewel Spark

Jewel with sparks emerging.

#animation #gradient #transform

Canlı incele Yükleyiciler

Laser Beam

Laser beam pulsing with intensity.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Lava Lamp

Orange blobs rising and morphing inside a warm yellow lava lamp.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Match Strike

Match striking and igniting.

#animation #gradient #transform

Canlı incele Yükleyiciler

New Year Ball Drop

New Year's Eve ball descending.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Pan Flute

Pan flute pipes of varying lengths.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Pearl Glow

Pearl with soft iridescent glow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pole Vault

Pole vaulter going over bar.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Canlı incele Yükleyiciler

Spacetime Warp

Spacetime grid warping under gravity.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Steel Drum

Steel drum with concave surface.

#animation #gradient #transform

Canlı incele Yükleyiciler

Track Lane

Runner sprinting around an athletics track oval.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Trampoline Bounce

A pink ball bouncing on a cyan trampoline surface that flexes on impact.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Zombie Shuffle

Zombie shuffling across screen.

#animation #gradient #transform

Canlı incele Navigasyon

Claymorphism Navbar

Soft clay-style navbar with rounded pill links.

#hover #transform #shadow

Canlı incele Navigasyon

Hover Glow Breadcrumbs

Breadcrumbs with glow on hover.

Canlı incele Navigasyon

Neon Separator Breadcrumbs

Dark mode breadcrumbs with neon separators.

#hover #transform #shadow

Canlı incele Navigasyon

Curved Bottom Navbar

Navbar with a curved bottom edge using border-radius.

Canlı incele Navigasyon

Deep Shadow Navbar

Navbar with deep layered shadow for elevation.

#hover #transform #shadow

Canlı incele Navigasyon

Horizontal Top Dot Nav

Horizontal dot navigation at top.

#hover #transform #shadow

Canlı incele Navigasyon

Glass Panel Drawer Navbar

Drawer with frosted glass panel styling over a colored background.

#hover #shadow #border

Canlı incele Navigasyon

Light Panel Drawer Navbar

Light panel drawer with clean card-style spacing.

#hover #shadow #border

Canlı incele Navigasyon

Sticky Side Drawer Navbar

Sticky left drawer that stays in place during scroll.

#hover #transform #shadow

Canlı incele Navigasyon

Forest Green Navbar

Forest green navbar with earthy tones.

#hover #gradient #shadow

Canlı incele Navigasyon

Glass Dark Navbar

Dark glass navbar with white border highlight.

#hover #shadow #border

Canlı incele Navigasyon

Glass Tint Navbar

Glass navbar with colored tint overlay.

#hover #gradient #shadow

Canlı incele Navigasyon

Glow Line Navbar

Navbar with neon glowing line under active link.

#hover #animation #shadow

Canlı incele Navigasyon

3D Icon Nav

3D extruded icon navigation.

#hover #gradient #transform

Canlı incele Navigasyon

Liquid Morph Tab Navbar

Active tab morphs between links like a liquid blob.