LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

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

Canlı incele Forms

Spotlight Radio

Radio with radial spotlight glow on selected option.

#gradient #transform #border

Canlı incele Forms

Gradient Border Search

Search bar with animated gradient border.

#animation #gradient #transform

Canlı incele Forms

Gradient Border Select

Select wrapped with an animated gradient border.

#animation #gradient #transform

Canlı incele Forms

3D Slider

Skeuomorphic 3D slider with raised thumb.

#gradient #shadow #border

Canlı incele Forms

Color Hue Slider

Range slider with a rainbow gradient track for hue selection.

#gradient #shadow #border

Canlı incele Forms

Cyberpunk Slider

Cyberpunk neon slider with magenta fill and cyan thumb.

#gradient #shadow #border

Canlı incele Forms

Fill Track Slider

Slider with a colored fill that follows the thumb.

#gradient #shadow #border

Canlı incele Forms

Gradient Thumb Slider

Slider with a colorful gradient thumb.

#animation #gradient #transform

Canlı incele Forms

Gradient Track Slider

Range slider with a gradient track background.

#gradient #shadow #border

Canlı incele Forms

Rotate Slider

Slider whose thumb rotates while being dragged.

#animation #gradient #transform

Canlı incele Forms

Rounded Slider

Range slider with rounded track and large rounded thumb.

#hover #gradient #transform

Canlı incele Forms

3D Press Switch

Switch knob depresses 3D-style when toggled.

#gradient #transform #shadow

Canlı incele Forms

Aurora Switch

Toggle with aurora-like gradient when active.

#animation #gradient #transform

Canlı incele Forms

Color Cycling Switch

Switch track cycles through rainbow colors when active.

#animation #gradient #transform

Canlı incele Forms

Emoji Switch

Toggle with emoji that swaps between states.

#gradient #transform

Canlı incele Forms

Fill Track Switch

Track fills with gradient from left when toggled on.

#gradient #transform

Canlı incele Forms

Glass Switch

Frosted glassmorphism switch with backdrop blur effect.

#gradient #transform #border

Canlı incele Forms

Gradient Switch

Switch with animated gradient track that activates when on.

#animation #gradient #transform

Canlı incele Forms

Icon Switch

Switch with sun/moon icon that swaps based on toggle state.

#gradient #transform

Canlı incele Forms

Pill Switch

Extra rounded pill-shaped toggle with smooth motion.

#gradient #transform

Canlı incele Forms

Retro Lever Switch

Vintage lever-style switch with metallic knob and base.

#gradient #transform #shadow

Canlı incele Forms

Rounded Switch

Switch with rounded square knob and gradient track.

#gradient #transform

Canlı incele Forms

Shine Switch

Switch with light sweep across track when toggled on.

#animation #gradient #transform

Canlı incele Forms

Slide Switch

Smooth sliding track with color gradient reveal.

#gradient #transform

Canlı incele Forms

Spotlight Switch

Toggle with radial spotlight glow around knob when active.

#gradient #transform

Canlı incele Forms

Resizable Textarea

Textarea with visible resize handle styling.

#gradient #shadow #border

Canlı incele Forms

3D Pressable Input

3D input that appears to depress when focused.

#gradient #transform #shadow

Canlı incele Forms

Aurora Background Input

Input with shifting aurora gradient background.

#animation #gradient #border

Canlı incele Forms

Dark Theme Input

Dark themed input with gradient background and indigo glow on focus.

#gradient #shadow #border

Canlı incele Forms

Dark Glassmorphism Input

Frosted dark glass input with backdrop blur and gradient sheen.

#gradient #shadow #border

Canlı incele Forms

Light Glassmorphism Input

Light frosted glass input with soft white glow on focus.

#gradient #shadow #border

Canlı incele Forms

Animated Gradient Border Input

Input with animated rotating gradient border around it.

#animation #gradient #border

Canlı incele Forms

Paper Texture Input

Vintage paper styled input with warm tones and serif font.

#gradient #shadow #border

Canlı incele Forms

Skeuomorphic 3D Input

Realistic 3D input with pressed-in appearance and bevels.

#gradient #shadow #border

Canlı incele Forms

Vaporwave Gradient Input

Vaporwave aesthetic with pink-purple gradient and retro grid.

#gradient #shadow #border

Canlı incele Forms

Valid Background Input

Background subtly turns green-tinted when valid.

#gradient #shadow #border

Canlı incele Hover

Ambient Glow Fill

Ambient glow fills the surface on hover.

#hover #gradient

Canlı incele Hover

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Canlı incele Hover

Aperture Iris Open

Camera aperture opens to reveal on hover.

#hover #gradient

Canlı incele Hover

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Canlı incele Hover

Beam Sweep

Vertical light beam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

BG Aurora Drift

Aurora-like waves drift on hover.

#hover #animation #gradient

Canlı incele Hover

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

Canlı incele Hover

BG Circuit Trace

Circuit lines trace on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Confetti Fall

Confetti pattern falls on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Canlı incele Hover

BG Grid Scroll

Grid pattern scrolls on hover.

#hover #animation #gradient

Canlı incele Hover

BG Mesh Shift

Mesh gradient layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Canlı incele Hover

BG Parallax Shift

Background layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Pattern Move

Background pattern shifts on hover.

#hover #animation #gradient

Canlı incele Hover

BG Radial Pulse

Radial gradient pulses on hover.

#hover #animation #gradient

Canlı incele Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Shimmer

Shimmer sweeps across background on hover.

#hover #gradient #transform

Canlı incele Hover

BG Spotlight Reveal

Spotlight reveals hidden bg on hover.

#hover #gradient

Canlı incele Hover

BG Stripe Roll

Diagonal stripes roll on hover.

#hover #animation #gradient

Canlı incele Hover

BG Vignette Pulse

Vignette pulses around edges on hover.

#hover #animation #gradient

Canlı incele Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Canlı incele Hover

BG Zoom Pan

Background zooms and pans on hover.

#hover #gradient

Canlı incele Hover

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Border Beam Trace

Light beam traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Canlı incele Hover

Border Glow Trace

Glowing dot traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Gradient Flow

Animated gradient border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Border Rainbow Flow

Rainbow border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Float

Floating bubbles rise on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Rise

Bubbles rise upward on hover.

#hover #animation #gradient

Canlı incele Hover

Checker Hide

Checker pattern hides on hover.

#hover #gradient

Canlı incele Hover

Checker Reveal

Checker pattern reveals new color on hover.

#hover #gradient

Canlı incele Hover

Amber Glow

Warm amber glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Amethyst Purple

Amethyst purple shine on hover.

#hover #gradient

Canlı incele Hover

Aquamarine

Aquamarine sea-water tint on hover.

#hover #gradient

Canlı incele Hover

Berry Burst

Berry purple-magenta burst on hover.

#hover #gradient

Canlı incele Hover

Bubblegum

Pink bubblegum tint on hover.

#hover #gradient

Canlı incele Hover

Burgundy Rich

Rich burgundy wine tint on hover.

#hover #gradient

Canlı incele Hover

Color Burst Radial

Radial color burst emanates from center on hover.

#hover #gradient

Canlı incele Hover

Clay Earth

Earth clay brown tint on hover.

#hover #gradient

Canlı incele Hover

Coral Reef

Coral reef orange-pink tint on hover.

#hover #gradient

Canlı incele Hover

Dawn Tint

Soft pink dawn tint washes over on hover.

#hover #gradient

Canlı incele Hover

Denim Blue

Denim blue tint on hover.

#hover #gradient

Canlı incele Hover

Dusk Tint

Deep dusk purple tint on hover.

#hover #gradient

Canlı incele Hover

Emerald Shine

Emerald green shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Forest Deep

Deep forest green on hover.

#hover #gradient

Canlı incele Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Canlı incele Hover

Lava Flow

Molten lava flow gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Canlı incele Hover

Lemon Zest

Zesty lemon yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mint Cool

Cool mint green tint on hover.

#hover #gradient

Canlı incele Hover

Mustard Yellow

Mustard yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Canlı incele Hover

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Pastel Wash

Soft pastel wash overlay on hover.

#hover #gradient

Canlı incele Hover

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rainbow Static

Static rainbow gradient on hover.

#hover #gradient

Popüler etiketler

#transform5765 #shadow5548 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3