LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

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

Canlı incele Kartlar

Demon Card

Demon card with horns, fire aura, and chaotic tag.

#gradient #shadow #border

Canlı incele Kartlar

Diary Page Entry Card

Personal diary card with lock decoration, date, and entry text.

#gradient #shadow #border

Canlı incele Kartlar

Digimon Card

Digimon-style creature card with level and attribute.

#gradient #shadow #border

Canlı incele Kartlar

Discount Voucher Card

Discount voucher card with a percentage burst, expiry, and a tear-off strip.

#gradient #shadow #border

Canlı incele Kartlar

Dive Buddy Card

Scuba dive card with depth, time, and air consumption.

#gradient #shadow #border

Canlı incele Kartlar

Dragonborn Card

Dragonborn card with breath weapon and scales.

#gradient #shadow #border

Canlı incele Kartlar

Editor's Choice Card

Editor's choice card with a wax seal stamp and a serif review excerpt.

#gradient #shadow #border

Canlı incele Kartlar

Employee Badge

Corporate employee badge with a clip slot, photo, department, and access tier.

#gradient #transform #shadow

Canlı incele Kartlar

Esports Bracket Card

Esports tournament bracket card with teams, score, and best-of.

#gradient #shadow #border

Canlı incele Kartlar

Country Fair Ticket

Rustic country fair ticket with kraft paper, gingham accent, and prize ribbon.

#gradient #shadow #border

Canlı incele Kartlar

Fairy Card

Fairy card with sparkle wings and enchantment.

#gradient #shadow #border

Canlı incele Kartlar

Ferris Wheel Card

Ferris wheel ride card with view height and duration.

#gradient #shadow #border

Canlı incele Kartlar

Flip Flashcard Card

3D flip flashcard with term on front and definition on back.

#hover #gradient #transform

Canlı incele Kartlar

Flip Reveal Card

The card rotates on its vertical axis to show the details written on the back.

#hover #transform #3d

Canlı incele Kartlar

Friend Request Card

Friend request card with avatar, mutual friends, and buttons.

#gradient #shadow #border

Canlı incele Kartlar

GoFundMe Donate Cause Card

Donation campaign card with cause, raised amount, and donate action.

#gradient #shadow #border

Canlı incele Kartlar

Guest List Card

Exclusive guest list card with check marks and plus-one indicator.

#gradient #shadow #border

Canlı incele Kartlar

Hologram Projection

Floating translucent hologram card with scan lines and a pulsing blue glow.

#gradient #animation #glass

Canlı incele Kartlar

Macro Tracker Card

Macronutrient tracker card with protein, carbs, fat split as stacked bars.

#gradient #transform #shadow

Canlı incele Kartlar

Merry-Go-Round Card

Carousel ride card with horse icon and ride duration.

#gradient #shadow #border

Canlı incele Kartlar

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Canlı incele Kartlar

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

#gradient #shadow

Canlı incele Kartlar

New Arrival Tag

Product card with a diagonal NEW ARRIVAL corner ribbon and a soft image block.

#gradient #transform #shadow

Canlı incele Kartlar

Now Playing Card

Compact now playing card with track, artist, and progress.

#gradient #shadow #filter

Canlı incele Kartlar

pH Scale Card

pH scale card with acid, neutral, and base markers.

#gradient #shadow

Canlı incele Kartlar

Pilates Reformer Card

Pilates reformer class card with spring load and exercise sequence.

#gradient #shadow #border

Canlı incele Kartlar

Podcast Mini Card

Podcast mini card with cover, episode title, and play button.

#gradient #shadow #border

Canlı incele Kartlar

9-Ball Pool Card

9-ball pool rack card with ball order and breaker.

#gradient #shadow #border

Canlı incele Kartlar

Vintage Postcard

Aged postcard with a stamp, circular postmark, address lines and a handwritten greeting.

#gradient #shadow #border

Canlı incele Kartlar

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Canlı incele Kartlar

Recent Card

Recently-viewed card with a clock badge, faded thumbnail, and a timestamp.

#gradient #transform #shadow

Canlı incele Kartlar

Highway Rest Stop Card

Highway rest stop card with amenities, fuel, and food options.

#gradient #shadow #border

Canlı incele Kartlar

Ribbon Award Card

Ribbon award card with a rosette, dangling tails, and a center medallion.

#gradient #transform #shadow

Canlı incele Kartlar

Souvenir Magnet Fridge Card

Fridge souvenir magnet card with destination name and magnetic backing.

#gradient #transform #shadow

Canlı incele Kartlar

Sticky Note

Yellow sticky note with tape on top, a checklist and a curled bottom corner.

#gradient #3d #shadow

Canlı incele Kartlar

Teacher Profile Bio Card

Teacher bio card with avatar, name, subject, and contact info.

#gradient #shadow #border

Canlı incele Kartlar

Tennis Set Card

Tennis match card with player names and current set scores.

#gradient #shadow #border

Canlı incele Kartlar

Time Zone Card

World clock card with timezone, current time, and offset.

#gradient #shadow #border

Canlı incele Kartlar

Train Pass Card

Train pass card with a route diagram, class badge, and a seat assignment.

#gradient #transform #shadow

Canlı incele Kartlar

Troll Card

Troll card with regeneration and claw attack.

#gradient #shadow #border

Canlı incele Kartlar

Valentine Card

Valentine card with heart icon and love message.

#gradient #shadow #border

Canlı incele Kartlar

Vegan Meal Card

Vegan meal card with green accent and plant-based label.

#gradient #shadow #border

Canlı incele Kartlar

Visa Stamp Card

Passport visa stamp card with an angled ink stamp and entry/exit details.

#gradient #transform #shadow

Canlı incele Kartlar

Wardrobe Outfit Card

Wardrobe outfit card with clothing items and occasion label.

#gradient #shadow

Canlı incele Kartlar

Water Cycle Card

Water cycle card with evaporation, condensation, and precipitation.

#gradient #shadow #border

Canlı incele Kartlar

Snow Weather Card

Snowy weather card with drifting snowflakes over a frosty pale-blue field.

#animation #gradient #transform

Canlı incele Kartlar

Weather Today Card

Today's weather widget with temperature, condition, and high/low.

#gradient #shadow #border

Canlı incele Kartlar

Webinar Link Card

Digital webinar card with join button, countdown, and online indicator.

#gradient #shadow

Canlı incele Kartlar

Wine Cellar Bottle Card

Wine cellar bottle card with vintage, region, rating, and storage position.

#gradient #transform #shadow

Canlı incele Kartlar

Wine List Card

Wine list card with vintage, region, and varietal.

#gradient #shadow #border

Canlı incele Kartlar

Wizard Card

Wizard card with pointy hat, spell book, and mana.

#gradient #shadow #border

Canlı incele Kartlar

Workout Set Card

Workout set tracker with exercise, sets, reps, weight, and progress bar.

#gradient #transform #shadow

Canlı incele Kartlar

Workout Split Day Card

Weekly workout split showing day focus and exercise list.

#gradient #shadow #border

Canlı incele Kartlar

Event Wristband

Fabric event wristband with patterned weave, a clasp, and day-stamp text.

#gradient #transform #shadow

Canlı incele Kartlar

Yoga Asana Card

Yoga pose card with sanskrit name, difficulty, and duration.

#gradient #shadow

Canlı incele Kartlar

Yu-Gi-Oh Card

Yu-Gi-Oh style monster card with ATK/DEF and star level.

#gradient #shadow #border

Canlı incele Onay Kutuları

Agate Banded Stone

An agate stone with concentric bands glows when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Amethyst Purple Gem

A purple amethyst crystal sparkles when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Aurora Glow Toggle

A box that glows with shifting aurora gradients when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Color Sweep Check

A diagonal color sweep wipes across the checkbox leaving the checkmark behind when checked.

#gradient #border #transform

Canlı incele Onay Kutuları

Cosmic Ray Beam

A high-energy cosmic ray beam shoots through the box when checked.

#animation #gradient #transform

Canlı incele Onay Kutuları

Emerald Green Gem

A step-cut emerald shows deep green facets when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Frosted Glass Checkbox

The blur lifts off a frosted pane and the mark behind it comes into focus.

#filter #gradient #border

Canlı incele Onay Kutuları

Jasper Spotted Stone

A red jasper stone with speckled pattern appears when checked.

#gradient #shadow #border

Canlı incele Onay Kutuları

Quartz Cluster Toggle

A cluster of quartz points lights up when checked.

#gradient #border

Canlı incele Onay Kutuları

Scanline Checkbox

A bright scan line sweeps down the box and leaves solid colour behind it.

#animation #clip-path #gradient

Canlı incele Onay Kutuları

Glass Texture Toggle

A frosted glass texture with blue tint when checked.

#gradient #transform #shadow

Canlı incele Formlar

Glowing Background Input

Background glows brightly on focus, color seeping outward.

#gradient #shadow #border

Canlı incele Formlar

Gradient Background Input

Input with an animated gradient background that shifts on focus.

#gradient #shadow #border

Canlı incele Formlar

Mesh Background Input

Input with a vibrant mesh gradient background.

#gradient #shadow #border

Canlı incele Formlar

Neon Background Input

Dark input with neon glow background on focus.

#gradient #shadow #border

Canlı incele Formlar

Fire Border Input

Animated fire-effect border using layered gradients.

#animation #gradient #border

Canlı incele Formlar

Multi Color Border Input

Each side of the border has a different animated color.

#gradient #border

Canlı incele Formlar

Rainbow Border Input

Border continuously cycles through rainbow hues.

#animation #gradient #border

Canlı incele Formlar

Credit Card Preview

Credit card visual preview that updates on input focus.

#gradient #transform #shadow

Canlı incele Formlar

Property Focus Ring

Focusing the field animates a registered angle so the gradient ring circles it once.

#animation #gradient #at-property

Canlı incele Formlar

Emoji Switch

Toggle with emoji that swaps between states.

#gradient #transform

Canlı incele Formlar

Spotlight Switch

Toggle with radial spotlight glow around knob when active.

#gradient #transform

Canlı incele Formlar

Light Glassmorphism Input

Light frosted glass input with soft white glow on focus.

#gradient #shadow #border

Canlı incele Hover

Border Rainbow Flow

Rainbow border flows on hover.

#hover #animation #gradient

Canlı incele Hover

Bubblegum

Pink bubblegum tint on hover.

#hover #gradient

Canlı incele Hover

Color Burst Radial

Radial color burst emanates from center on hover.

#hover #gradient

Canlı incele Hover

Denim Blue

Denim blue tint on hover.

#hover #gradient

Canlı incele Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Canlı incele Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Canlı incele Hover

Ruby Red

Deep ruby red glow on hover.

#hover #gradient

Canlı incele Hover

Sage Soft

Soft sage green tint on hover.

#hover #gradient

Canlı incele Hover

Color Shift BG

Background hue rotates continuously on hover.

#hover #animation #gradient

Canlı incele Hover

Sky Bright

Bright sky blue on hover.

#hover #gradient

Canlı incele Hover

Thermal Cold

Cool thermal colors flow on hover.

#hover #gradient

Canlı incele Hover

Topaz Yellow

Bright topaz yellow on hover.

#hover #gradient

Canlı incele Hover

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Canlı incele Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient