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 Checkboxes

Mars Red Planet

A rusty red Mars with polar cap shows when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Mercury Cratered Planet

A small gray cratered Mercury rotates into view when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Meteor Streak Toggle

A bright meteor streaks across the box when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Nebula Cloud Toggle

A soft swirling cloud of cosmic gas appears when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Neptune Deep Blue

A deep blue Neptune with a dark storm spot shows when checked.

#gradient #transform #border

Canlı incele Checkboxes

Northern Lights Curtain

A curtain of green and violet light shimmers when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Obsidian Volcanic Glass

A glossy black obsidian shard reflects light when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Onyx Black Stone

A polished black onyx stone with a glossy highlight when checked.

#gradient #shadow #border

Canlı incele Checkboxes

Opal Multi-Color Toggle

A multi-colored opal shifts through iridescent hues when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Checkerboard Pattern Toggle

A checkerboard pattern in violet when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Confetti Pattern Toggle

A colorful confetti pattern when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Cross Pattern Toggle

A cross-hatch pattern fills with indigo when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Dots Pattern Toggle

Polka dot pattern fills with pink when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Grid Pattern Toggle

A grid pattern fills with cyan when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Maze Pattern Toggle

A maze-like pattern fills with green when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Mesh Pattern Toggle

A mesh pattern fills with rose when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Stripes Pattern Toggle

Diagonal stripes fill with amber when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Wave Pattern Toggle

A wave pattern fills with blue when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Zigzag Pattern Toggle

A zigzag pattern fills with teal when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Pearl Luster Toggle

A glowing pearl develops a soft iridescent sheen when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Pluto Dwarf Planet

An icy dwarf planet with a heart shape appears when checked.

#gradient #transform #border

Canlı incele Checkboxes

Pyrite Fool's Gold

A metallic gold pyrite cube shines brightly when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Quartz Cluster Toggle

A cluster of quartz points lights up when checked.

#gradient #border

Canlı incele Checkboxes

Quasar Energy Beams

A bright galactic core emits twin beams when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Ruby Red Gem

A vivid red ruby emits a fiery glow when checked.

#gradient #shadow #border

Canlı incele Checkboxes

Sapphire Blue Gem

A deep blue sapphire glows with internal light when checked.

#gradient #shadow #border

Canlı incele Checkboxes

Saturn Ringed Planet

A ringed Saturn tilted at an angle shows when checked.

#gradient #transform #border

Canlı incele Checkboxes

Shooting Star Trail

A star shoots across the box leaving a glowing trail when checked.

#animation #gradient #border

Canlı incele Checkboxes

Stardust Trail Toggle

A trail of golden stardust sparkles around the box when checked.

#animation #gradient #transform

Canlı incele Checkboxes

Tarot Card Reveal

A mystical tarot card flips to reveal its face when checked.

#gradient #transform #border

Canlı incele Checkboxes

Fabric Texture Toggle

A woven fabric texture in red when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Glass Texture Toggle

A frosted glass texture with blue tint when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Leather Texture Toggle

A brown leather pebbled texture when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Marble Texture Toggle

A white marble veined texture when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Metal Texture Toggle

A brushed metal texture with silver shine when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Paper Texture Toggle

A cream paper texture with subtle grain when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Sand Texture Toggle

A sandy tan texture with grain when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Stone Texture Toggle

A stone-textured box that solidifies gray when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Water Texture Toggle

A rippling water texture in blue when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Wood Texture Toggle

A wood-textured box that warms to brown when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Topaz Golden Gem

A golden topaz gem shimmers with warm light when checked.

#gradient #shadow #border

Canlı incele Checkboxes

Turquoise Stone Toggle

A turquoise stone with webbed matrix lights up when checked.

#gradient #shadow #border

Canlı incele Checkboxes

Uranus Ice Giant

A pale cyan ice giant tilted sideways when checked.

#gradient #transform #shadow

Canlı incele Checkboxes

Venus Golden Clouds

A warm yellow-orange Venus glows with thick clouds when checked.

#gradient #transform #shadow

Canlı incele Forms

Aurora Background Input

Northern lights aurora gradient background for the input.

#animation #gradient #shadow

Canlı incele Forms

Cyberpunk Background Input

Cyberpunk neon city background with grid floor.

#gradient #shadow #border

Canlı incele Forms

Forest Background Input

Deep forest green gradient background.

#gradient #shadow #border

Canlı incele Forms

Frost Background Input

Cold frost-tinted background with crystalline overlay.

#gradient #shadow #border

Canlı incele Forms

Glowing Background Input

Background glows brightly on focus, color seeping outward.

#gradient #shadow #border

Canlı incele Forms

Gradient Background Input

Input with an animated gradient background that shifts on focus.

#gradient #shadow #border

Canlı incele Forms

Grid Background Input

Tech grid pattern background with glowing focus.

#gradient #shadow #border

Canlı incele Forms

Lava Background Input

Hot lava gradient with crackling orange glow.

#animation #gradient #shadow

Canlı incele Forms

Mesh Background Input

Input with a vibrant mesh gradient background.

#gradient #shadow #border

Canlı incele Forms

Mesh Gradient Background

Animated multi-color mesh gradient that drifts.

#animation #gradient #shadow

Canlı incele Forms

Neon Background Input

Dark input with neon glow background on focus.

#gradient #shadow #border

Canlı incele Forms

Ocean Background Input

Calm ocean blue gradient background.

#gradient #shadow #border

Canlı incele Forms

Paper Texture Input

Cream paper-textured input with subtle lines.

#gradient #shadow #border

Canlı incele Forms

Pattern Background Input

Decorative pattern background using CSS gradients.

#gradient #shadow #border

Canlı incele Forms

Stars Background Input

Cosmic starfield background with twinkling dots.

#animation #gradient #shadow

Canlı incele Forms

Sunset Background Input

Warm sunset gradient orange to pink background.

#gradient #shadow #border

Canlı incele Forms

Vaporwave Background Input

Vaporwave pink-cyan gradient aesthetic.

#gradient #shadow #border

Canlı incele Forms

Fire Border Input

Animated fire-effect border using layered gradients.

#animation #gradient #border

Canlı incele Forms

Gradient Border Input

Input wrapped with an animated gradient border using padding box trick.

#animation #gradient #border

Canlı incele Forms

Multi Color Border Input

Each side of the border has a different animated color.

#gradient #border

Canlı incele Forms

Rainbow Border Input

Border continuously cycles through rainbow hues.

#animation #gradient #border

Canlı incele Forms

Rotating Gradient Border

Conic gradient border rotates around the input continuously.

#animation #gradient #transform

Canlı incele Forms

Shimmer Border Input

Border has a traveling shimmer light effect on focus.

#animation #gradient #transform

Canlı incele Forms

Trace Border Input

A glowing trace light travels around the input border on focus.

#animation #gradient #transform

Canlı incele Forms

Animated Underline Border

Bottom underline grows from center outward on focus.

#gradient #transform #border

Canlı incele Forms

Gradient Text Floating Label

Label takes on an animated gradient color when input is focused.

#animation #gradient #transform

Canlı incele Forms

Material Design Input

Pure Material Design floating label with ripple-like underline.

#gradient #transform #border

Canlı incele Forms

Barcode Input

Input with barcode pattern background.

#gradient #transform #shadow

Canlı incele Forms

Rainbow Color Picker

Color picker displayed as a horizontal rainbow gradient strip.

#gradient #shadow #border

Canlı incele Forms

Password Strength Input

Password input with a visual strength meter bar below.

#gradient #border

Canlı incele Forms

Range Slider Input

Range slider with custom styled thumb and track.

#hover #gradient #transform

Canlı incele Forms

Invalid Background Input

Background subtly turns red-tinted when invalid.

#gradient #shadow #border

Canlı incele Forms

Gradient Border OTP

OTP input wrapped with animated gradient borders.

#animation #gradient #border

Canlı incele Forms

Flip Credit Card Input

Credit card input that flips to show CVC field on focus.

#gradient #transform #shadow

Canlı incele Forms

Credit Card Preview

Credit card visual preview that updates on input focus.

#gradient #transform #shadow

Canlı incele Forms

Loyalty Points Input

Loyalty points input with balance display and redeem button.

#hover #gradient #shadow

Canlı incele Forms

Order Total Display

Order total display with large amount and discount applied.

#gradient #transform #shadow

Canlı incele Forms

Border Draw Radio

Radio card with animated border that draws in when selected.

#gradient #transform #border

Canlı incele Forms

Card Radio Group

Vertical radio cards that lift and glow when selected.

#gradient #transform #shadow

Canlı incele Forms

Color Cycling Radio

Selected radio option cycles through rainbow colors.

#animation #gradient #transform

Canlı incele Forms

Confetti Radio

Radio option with confetti burst on selection for celebration.

#animation #gradient #transform

Canlı incele Forms

Fill Width Radio

Radio card with fill bar that animates across on selection.

#gradient #transform #border

Canlı incele Forms

Flip Radio

Radio card flips in 3D when selected.

#gradient #transform #border

Canlı incele Forms

Glass Radio

Frosted glassmorphism radio cards with backdrop blur.

#gradient #transform #border

Canlı incele Forms

Gradient Radio

Radio with gradient fill background when selected.

#gradient #shadow #border

Canlı incele Forms

Rounded Square Radio

Radio with rounded square indicator and gradient fill.

#gradient #transform #border

Canlı incele Forms

Scale Radio

Selected radio option scales up its label text slightly.

#hover #gradient #transform

Canlı incele Forms

Slide Indicator Radio

Radio with sliding indicator that moves between options.

#gradient #transform #border

Popüler etiketler

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