Canlı incele Navigasyon
#animation CSS efektleri
"animation" etiketiyle eşleşen 3.824 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
#animation etiketli efektler
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Glow Trail Step Nav
Stepper with a glowing trail line that pulses along the active path.
Canlı incele Navigasyon
Ribbon Banner Flow Nav
Decorative ribbon banner that flows across the top of the nav items.
Canlı incele Navigasyon
Ribbon Flag Wave Nav
Active tab styled as a waving flag ribbon extending below the link.
Canlı incele Navigasyon
Scroll Progress Bar
A reading progress bar driven by scroll-linked animation, with no script at all.
Canlı incele Navigasyon
Shake Jitter Navbar
Links shake-jitter on hover with a horizontal animation.
Canlı incele Navigasyon
Bottom Sheet Navbar
Mobile bottom sheet that slides up to reveal nav links.
Canlı incele Navigasyon
Back Arrow Sheet Navbar
Sheet with a back arrow navigation button at the top.
Canlı incele Navigasyon
Canlı incele Navigasyon
Grip Handle Sheet Navbar
Bottom sheet with a prominent grip handle and drag indicator.
Canlı incele Navigasyon
Left Slide Sheet Navbar
Vertical sheet sliding in from the left with stacked links.
Canlı incele Navigasyon
Right Slide Sheet Navbar
Vertical sheet sliding in from the right with profile-style links.
Canlı incele Navigasyon
Top Drop Sheet Navbar
Sheet that drops down from the top of the navbar revealing links.
Canlı incele Navigasyon
Slant Gradient Flow Navbar
Slanted nav with an animated gradient background flow.
Canlı incele Navigasyon
Canlı incele Navigasyon
Split Arrow Flow Navbar
Nav links separated by arrow flow indicators pointing right.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Swing Pendulum Navbar
Links swing like a pendulum anchored at the top on hover.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Text Rainbow Flow Navbar
Active link text flows through a rainbow gradient animation.
Canlı incele Navigasyon
Text Scramble Hover Navbar
Hovered links scramble their letters via a positional jitter animation.
Canlı incele Navigasyon
Canlı incele İlerleme
Arcade Pulse Progress
A retro cabinet meter made of chunky bevelled pixel blocks where the leading block keeps flashing.
Canlı incele İlerleme
Brocade Coil Progress
A bobbin seen side on where the wound thread covers the core and the loose strand keeps tugging.
Canlı incele İlerleme
Caliper Runner Progress
An open ended loader where a train of five dots keeps running through the tube from left to right.
Canlı incele İlerleme
Cascade Trail Progress
A vertical pipeline trail whose rail fills down to the running stage while that node keeps pulsing.
Canlı incele İlerleme
Circuit Manometer Progress
A round pressure dial with a tick ring, a red danger band and a needle that keeps quivering.
Canlı incele İlerleme
Conduit Sync Progress
Two chasing arrow arcs turn forever beside a device count and the current sync share.
Canlı incele İlerleme
Cove Status Progress
The status line and the bar share one timeline, so the label flips to complete as the fill lands.
Canlı incele İlerleme
Dune Track Progress
A race rail with distance ticks and a chequered flag while a glowing marker runs the lap.
Canlı incele İlerleme
Dynamo Twinring Progress
A hairline outer arc carries the value while a dotted inner ring keeps turning for state.
Canlı incele İlerleme
Enamel Flux Progress
Beads of enamel travel in and merge into the filled mass through a blur and contrast gooey filter.
Canlı incele İlerleme
Flint Orbit Progress
A slim conic ring with the percentage printed at its centre and a slow pulsing halo.
Canlı incele İlerleme
Forge Conveyor Progress
Crates ride a treading belt and drop into a bin that is already filled to two thirds.
Canlı incele İlerleme
Girder Odometer Progress
Two mechanical digit reels roll through their numbers behind a fixed percent sign.
Canlı incele İlerleme
Indigo Ripple Progress
An organic ink blot marks the covered share while three rings keep spreading out from it.
Canlı incele İlerleme
Ivory Slide Progress
An indeterminate bar: a soft ivory shuttle keeps running across the track with no fixed value.
Canlı incele İlerleme
Kiln Aperture Progress
A gate valve leaves part of the port open and the flow behind it keeps drifting upward.
Canlı incele İlerleme
Lattice Fuel Progress
A fuel gauge with a blinking droplet icon, empty and full end marks and a low reserve fill.
Canlı incele İlerleme
Lever Beacon Progress
A three lamp tower where only the running stage is lit and the other two stay dark.
Canlı incele İlerleme
Lumen Gleam Progress
A lamp throws a volumetric beam whose reach is the value, ending in a flickering lens flare.
Canlı incele İlerleme
Mauve Quiver Progress
An organic ring holds the value arc while its outline morphs and breathes on a slow cycle.
Canlı incele İlerleme
Mosaic Orbit Progress
A hexagonal cell fills from its base instead of a circle while a small hex satellite orbits it.
Canlı incele İlerleme
Muslin Drift Progress
A sealed chamber fills with fog while two blurred puffs waft sideways at different speeds.
Canlı incele İlerleme
Nickel Timer Progress
A countdown bar that drains from full to empty and shifts from green through amber to red.
Canlı incele İlerleme
Ochre Wander Progress
Sand runs out of a funnel in a thin stream and the grains wander down onto a growing heap.
Canlı incele İlerleme
Opal Tide Progress
A round vessel filled to sixty two percent with a rotating blob that reads as a moving tide.
Canlı incele İlerleme
Piston Tachometer Progress
A rev counter whose banded arc runs into a red zone while the pointer keeps sweeping the range.
Canlı incele İlerleme
Plume Spiral Progress
An arc built spiral winds outward through a stroke dash offset instead of running along a bar.
Canlı incele İlerleme
Quartz Drift Progress
The violet fill carries a striped overlay that slides sideways forever while the width stays put.
Canlı incele İlerleme
Reef Dots Progress
Carousel page dots where the active pill stretches and hosts its own autoplay timer bar.
Canlı incele İlerleme
Rivet Defrag Progress
A dense disk map of sixty blocks in three states with a scanning beam crossing the grid.
Canlı incele İlerleme
Ruby Drop Progress
A download row with a bobbing arrow glyph, a transferred size read out and a ruby fill.
Canlı incele İlerleme
Spindle Signal Progress
Four rising strength bars where three are lit and the leading one keeps breathing on the edge.
Canlı incele İlerleme
Thicket Countdown Progress
An SVG ring counts a window down by animating its stroke dash offset all the way around.
Canlı incele İlerleme
Tide Tube Progress
A vertical glass tube holds a liquid level at fifty five percent while bubbles rise through it.
Canlı incele İlerleme
Tundra Glass Progress
An hourglass built from two clipped triangles where the upper chamber drains as the lower one packs.
Canlı incele İlerleme
Turbine Charge Progress
An upright cell whose electrolyte keeps climbing behind a bolt glyph while it charges.
Canlı incele İlerleme
Vellum Verge Progress
Ink soaks across a fibrous paper strip and the blurred wet edge keeps creeping at the verge.
Canlı incele İlerleme
Velour Lull Progress
A neumorphic groove pressed into a soft slab, holding a raised pill and a slowly breathing marker.
Canlı incele İlerleme
Vitrine Glide Progress
A frosted glass panel floating over coloured light, with a specular streak gliding across it.
Canlı incele İlerleme
Willow Halo Progress
A hairline gradient halo turns forever around a static value arc that holds forty six percent.
Canlı incele Kaydırıcılar
Cobalt Focus Slider
Keyboard focus expands a cobalt halo around the handle instead of a flat outline.
Canlı incele Kaydırıcılar
Drift Leak Slider
A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.
Canlı incele Kaydırıcılar
Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
Canlı incele Kaydırıcılar
Flux Holo Slider
An iridescent film keeps drifting through the rail and the sample strip above it.
Canlı incele Kaydırıcılar
Forge Log Scale
Evenly spaced decades give a logarithmic frequency feel under a glowing ember readout.
Canlı incele Kaydırıcılar
Gasket Opacity Checker
A checkerboard bed shows through a plate whose alpha keeps breathing up and back down.
Canlı incele Kaydırıcılar
Kiln Thermometer Tube
A glass column with a glowing bulb below it stands in for the handle of a kiln thermometer.
Canlı incele Kaydırıcılar
Kindle Trail Slider
A single ember keeps running along a dotted fuse line that sits under the thin amber rail.
Canlı incele Kaydırıcılar
Lever Loop Range
A bar waveform sits above a raked lever that picks how many bars the loop repeats for.
Canlı incele Kaydırıcılar
Monsoon Notched Grip
Three cut notches score the grip while slanted rain streaks drift across the rail.
Canlı incele Kaydırıcılar
Quiver Wave Slider
The rail is a chain of alternating arcs forming a sine wave that keeps drifting sideways.
Canlı incele Kaydırıcılar
Ripple Sketch Slider
A notebook doodle: wobbly ink border, a double pencil stroke rail and a hand drawn blob handle.
Canlı incele Kaydırıcılar
Spindle Axis Joystick
A crosshair gate pad reports the stick position while the rail trims the horizontal axis.
Canlı incele Kaydırıcılar
Turbine Throttle Pair
A spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
Canlı incele Kaydırıcılar
Vault Pixel Slider
An eight bit console panel with a stepped pixel frame, blocky rail cells and a blinking caret.
Canlı incele Sekmeler
Anvil Status Filter Tabs
Status filters with a heavy two pixel frame and no shadow, struck flat.
Canlı incele Sekmeler
Arc Vapor Tabs
A vaporwave grid horizon where the underline swings along a shallow arc, not a line.
Canlı incele Sekmeler
Bearing Difficulty Tabs
Difficulty tabs counted in bearing balls that seat themselves when chosen.
Canlı incele Sekmeler
Conduit Sort Direction Tabs
Two tabs flip one shared list end over end instead of swapping panels.
Canlı incele Sekmeler
Copper Badge Tabs
Each tab carries a count badge and the active one pulses in warm copper.
Canlı incele Sekmeler
Cusp Cartoon Tabs
Thick outlined comic tabs that squash and spring back the moment they are picked.
Canlı incele Sekmeler
Dynamo Tracking Tabs
The active label spreads its letters apart while a charge line sweeps beneath it.
Canlı incele Sekmeler
Echo Pixel Tabs
An eight bit console strip where the marker jumps in visible pixel steps, never smoothly.
Canlı incele Sekmeler
Ember Subtitle Tabs
Every tab carries a small caption line that catches fire when the tab is chosen.
Canlı incele Sekmeler
Garnet Slide Tabs
Deep garnet chips select a panel that slides in from the right on every switch.
Canlı incele Sekmeler
Gasket Turning Panel Tabs
Panels seat themselves with a combined scale and rotation, like a gasket ring.
Canlı incele Sekmeler
Gear Payment Method Tabs
Payment method tabs where the cog of the chosen method keeps turning slowly.