LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele Hover

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Canlı incele Hover

Squash Pancake

Squashes flat as pancake on hover.

#hover #transform

Canlı incele Hover

Fast Typewriter

Fast typewriter effect on hover.

Canlı incele Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Canlı incele Loaders

Actuator

Linear actuator extending arm.

#animation #gradient

Canlı incele Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Canlı incele Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Canlı incele Loaders

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Canlı incele Loaders

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Canlı incele Loaders

Brushless Motor

Brushless motor with smooth rotation.

#animation #transform

Canlı incele Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Canlı incele Loaders

Elevator

Elevator car rising and falling inside its shaft.

#animation #gradient #border

Canlı incele Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Canlı incele Loaders

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Canlı incele Loaders

Pearl Glow

Pearl with soft iridescent glow.

#animation #gradient #transform

Canlı incele Loaders

Pole Vault

Pole vaulter going over bar.

#animation #gradient #transform

Canlı incele Loaders

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Canlı incele Loaders

Santa Sleigh Fly

Santa's sleigh flying across.

#animation #gradient #transform

Canlı incele Loaders

Satellite Dish

Satellite dish emitting signal waves.

#animation #gradient #transform

Canlı incele Loaders

Sextant

Sextant arc with swinging arm.

#animation #transform #border

Canlı incele Loaders

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Canlı incele Loaders

Stepper Motor

Stepper motor stepping in increments.

#animation #gradient #transform

Canlı incele Loaders

Wormhole Tunnel

Traveling through a wormhole tunnel.

#animation #gradient #transform

Canlı incele Navigation

Horizontal Bottom Dot Nav

Horizontal dot navigation at bottom.

#hover #transform #shadow

Canlı incele Navigation

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Canlı incele Navigation

Pill Bounce Tabs

Pill tabs that bounce into place on active.

#hover #transform #shadow

Canlı incele Text

Glow Pulse Text

Soft pulsing glow ring around text that breathes in and out.

#animation #glow #shadow

Canlı incele Text

Platinum Shine

Bright platinum-shine metallic gradient with cool highlights.

Canlı incele Text

Rotate Spin

Text rotating 360 degrees continuously.

#animation #transform

Canlı incele Text

Rotate Y Yaw

Y-axis yaw rotation animation.

#animation #transform

Canlı incele Text

Shake Vertical Rattle

Vertical rattle shake motion.

#animation #transform

Canlı incele Text

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Tooltips

3D Cube Spin

Tooltip that spins in 3D like a tumbling cube above the trigger.

#hover #transform #border

Canlı incele Tooltips

3D Fold Origami

Tooltip that unfolds in 3D like an origami paper fold.

#hover #transform #border

Canlı incele Tooltips

Curve Arrow Top

Tooltip with a curved swooping connector above the trigger.

#hover #transform #border

Canlı incele Tooltips

Message Tail Clip

Chat-bubble tooltip with a clip-path message tail.

#hover #transform

Canlı incele Tooltips

Green Success

Green success tooltip with checkmark styling above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Groove Border Top

Tooltip with a 3D grooved border above the trigger.

#hover #transform #border

Canlı incele Tooltips

Liquid Ripple

Tooltip that ripples outward like a water drop impact.

#hover #transform #border

Canlı incele Tooltips

Mono Dark

Monospace dark tooltip with terminal feel above the trigger.

#hover #transform #border

Canlı incele Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele Tooltips

Rotate Left

Tooltip rotates in from the left with a spin animation.

#hover #transform #border

Canlı incele Tooltips

Status Online

Online status tooltip with green dot above the trigger.

#hover #transform #shadow

Canlı incele Toggles

Arrow / Dots

Solid arrow dissolves into a row of dots.

#transform #shadow

Canlı incele Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Toggles

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Toggles

Solar Eclipse

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

#gradient #transform #shadow

Canlı incele Toggles

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Canlı incele Toggles

Iris Shutter

Lens-like track opens to reveal the knob inside the iris.

#gradient #transform

Canlı incele Toggles

Jelly Wobble

Soft jelly knob wobbles with a bouncy spring animation.

#animation #gradient #transform

Canlı incele Toggles

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Canlı incele Toggles

Spell / Rune

Sparkle spell knob becomes a glowing rune on the indigo track.

#transform #shadow

Canlı incele Toggles

Staccato / Legato

Dotted track connects into a smooth legato line on toggle.

#gradient #transform #shadow

Canlı incele Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Canlı incele Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Canlı incele Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Canlı incele Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Badges

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Canlı incele Badges

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Canlı incele Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Canlı incele Badges

Breaking News Badge

Breaking news badge with red pulsing dot.

Canlı incele Badges

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Canlı incele Badges

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Canlı incele Badges

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Canlı incele Badges

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Canlı incele Badges

Live Indicator Badge

Live broadcast indicator badge with red pulse.

#animation #transform

Canlı incele Badges

Notice Badge

Neutral notice badge in slate color.

Canlı incele Badges

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Canlı incele Badges

Blink Badge

Badge that blinks on and off.

Canlı incele Badges

Bounce In Badge

Badge that bounces in on render.

#animation #transform

Canlı incele Badges

Bounce Loop Badge

Badge that bounces continuously.

#animation #transform

Canlı incele Badges

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Canlı incele Badges

Breathing Badge

Badge that gently breathes with subtle scale.

#animation #transform

Canlı incele Badges

Confetti Burst Badge

Badge with colorful confetti burst animation.

#animation #transform

Canlı incele Badges

Electric Badge

Badge with electric pulse effect.

#animation #transform #shadow

Canlı incele Badges

Fill Bar Badge

Badge with animated bottom fill bar.

#animation #gradient

Canlı incele Badges

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Canlı incele Badges

Flicker Badge

Badge with candle-like flicker effect.

#animation #shadow #filter

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

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