LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 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

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Canlı incele Hover

Growing Underline

A rule grows out from the centre of the link and thickens as it reaches the ends.

#hover #transform

Canlı incele Hover

Unfold Open

Unfolds open on hover.

#hover #transform #3d

Canlı incele Hover

Unfold Spread

Unfolds spread on hover.

#hover #transform #3d

Canlı incele Hover

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Canlı incele Hover

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Canlı incele Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Canlı incele Hover

Vintage Film

Aged film look with sepia and grain on hover.

Canlı incele Hover

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Canlı incele Hover

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Wipe Right

New color wipes in from left to right on hover.

#hover #transform

Canlı incele Hover

Wipe Up

New color wipes up from bottom on hover.

#hover #transform

Canlı incele Hover

Wobble Hard

Hard aggressive wobble on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Rotational

Full rotational wobble on hover.

#hover #animation #transform

Canlı incele Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Canlı incele Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Jump

Zoom and jump combined on hover.

#hover #transform

Canlı incele Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Canlı incele Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Canlı incele Yükleyiciler

Accordion Bellows

Accordion bellows expanding and contracting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Airplane Propeller

Airplane propeller spinning rapidly with motion blur.

#animation #gradient #transform

Canlı incele Yükleyiciler

Alien Spaceship

Flying saucer hovering with bobbing motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Alternator

Alternator generating current.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Altocumulus

Mackerel altocumulus cloud pattern.

Canlı incele Yükleyiciler

Amp Tube Glow

Vacuum tube amplifier glowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Antimatter

Antimatter particles annihilating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Aqueduct Flow

Roman aqueduct with water flow.

#animation #gradient

Canlı incele Yükleyiciler

Arc Bounce Swing

Arc swinging like a pendulum and bouncing.

#animation #transform #border

Canlı incele Yükleyiciler

Arcade Token

Arcade token spinning in air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Arch Keystone

Arch with pulsing keystone.

#animation #gradient #transform

Canlı incele Yükleyiciler

Archery Bow

Bow drawing arrow back.

#animation #gradient #transform

Canlı incele Yükleyiciler

Arrow Bounce

Arrow bouncing up and down with shadow.

#animation #transform #border

Canlı incele Yükleyiciler

Arrow Stream

Three arrows streaming forward in sequence.

#animation #transform #border

Canlı incele Yükleyiciler

Arrow Volley

Arrows flying in volley.

#animation #transform #border

Canlı incele Yükleyiciler

Ash Fall

Ash particles floating down.

#animation #transform

Canlı incele Yükleyiciler

Astrolabe

Astrolabe with rotating rings.

#animation #gradient #transform

Canlı incele Yükleyiciler

Astrology Sign

Glowing astrology symbol pulsing.

#animation #transform #shadow

Canlı incele Yükleyiciler

Atom Spinner

Three electrons orbiting a glowing nucleus at different speeds.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Atomic Clock

Atomic clock with pulsing atom symbol.

#animation #gradient #transform

Canlı incele Yükleyiciler

Axle Spin

Axle spinning between wheels.

#animation #gradient #transform

Canlı incele Yükleyiciler

Badminton Shuttle

Badminton shuttlecock arcing through the air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bagel Bite

Bagel being bitten.

#animation #gradient #transform

Canlı incele Yükleyiciler

Balance Beam

Gymnast walking on balance beam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Balloon Release

Balloons being released upward.

#animation #transform

Canlı incele Yükleyiciler

Balloon Rise

Balloon rising into the sky.

#animation #gradient #transform

Canlı incele Yükleyiciler

Striped Bar Loader

An indeterminate progress bar with candy stripes scrolling behind the fill.

#animation #gradient #transform

Canlı incele Yükleyiciler

Equalizer Bars

Five green bars pulsing like an audio equalizer from the bottom.

#gradient #animation #border

Canlı incele Yükleyiciler

Basketball Bounce

Basketball bouncing with rotation and shadow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bass Clef

Bass clef symbol with two dots.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Bat Fly Moon

Bat flying past the moon.

#animation #gradient #transform

Canlı incele Yükleyiciler

Charging Battery

A green fill repeatedly charging up a battery from empty to full.

#gradient #animation #border

Canlı incele Yükleyiciler

Beacon Flash

Beacon light flashing.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Bee Buzz

Bee buzzing in a figure-eight with blurry wings.

#animation #gradient #transform

Canlı incele Yükleyiciler

Beer Foam

Beer with rising foam.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bend Stretch Arc

Arc bending and stretching.

#animation #transform #border

Canlı incele Yükleyiciler

Bicycle Pedal

Bicycle crank spinning with pedals going around.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bike Chain

Bicycle chain links rotating around two sprockets.

#animation #gradient #transform

Canlı incele Yükleyiciler

Binary Counter

Binary counter incrementing.

#animation #shadow

Canlı incele Yükleyiciler

Bingo Ball

Bingo ball popping up.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bird Flap

Bird flapping its wings to stay aloft.

#animation #gradient #transform

Canlı incele Yükleyiciler

Black Dwarf

Dark star pulsing with faint energy.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Organic Blob Morph

Organic blob morphing smoothly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Blue Giant

Blue giant star flickering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bobsled Run

Bobsled racing down track.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bonfire

Large bonfire with multiple flames.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bongo Drum

Bongo drums being played.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bonsai Sway

Bonsai tree with twisted trunk gently swaying in the breeze.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bouncing Ball

A red ball bouncing with a shadow that shrinks at the apex.

#gradient #animation #shadow

Canlı incele Yükleyiciler

Bouncing Dots

Three colorful dots bouncing up and down in sequence.

#animation #border #transform

Canlı incele Yükleyiciler

Bow Arrow Pull

Bow string being pulled with arrow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bowling Pin Fall

Bowling pins falling in sequence.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bowling Strike

Bowling ball rolling into pins and knocking them down.

#animation #gradient #transform

Canlı incele Yükleyiciler

Braid Spin

Three-strand braid spinning around.

#animation #transform

Canlı incele Yükleyiciler

Breeze

Gentle breeze lines drifting.

#animation #transform

Canlı incele Yükleyiciler

Brick Stack

Bricks stacking in sequence.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bridge Truss

Bridge truss with moving load.

#animation #gradient

Canlı incele Yükleyiciler

Bubble Blow

Bubbles blowing and floating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bubble Pop

Bubbles rising and popping.

#animation #transform #border

Canlı incele Yükleyiciler

Rising Bubbles

Translucent cyan bubbles rising and drifting up through water.

#gradient #animation #border

Canlı incele Yükleyiciler

Bulldozer

Bulldozer pushing dirt with its angled blade.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bumper Car

A bumper car ricocheting inside a square arena.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Bunny Hop Egg

Bunny hopping with Easter egg.

#animation #gradient #transform

Canlı incele Yükleyiciler

Burger Flip

Burger patty flipping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Button Press

Button being pressed in.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cabasa Shake

Cabasa with beaded cylinder shaking.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cactus Sway

Desert cactus gently swaying with arms outstretched.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cake Candle

Birthday cake with flickering candle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cake Slice

Cake slice with shimmer.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Calendar Flip

Calendar pages flipping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Campfire

Campfire with logs and flickering flames above.

#animation #gradient #transform

Canlı incele Yükleyiciler

Campfire Blaze

Campfire with dancing flames.

#animation #gradient #transform

Canlı incele Yükleyiciler

Candy Twist

Candy wrapper twisting.

#animation #gradient

Canlı incele Yükleyiciler

Car Wheel

Car wheel spinning fast with motion blur spokes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Card Trick Flip

Playing card flipping in magic trick.

#animation #gradient #transform