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.
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
Brass Thread Progress
A hairline track with rounded caps whose warm brass fill breathes between six and eighty four percent.
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
Gear Copy Progress
A copy dialog where a sheet keeps flying from the source folder into the destination folder.
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
Lagoon Topbar Progress
The hairline page loader that lives on top of a browser frame and stalls near the end.
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
Socket Squeeze Progress
A compression read out where the packed lane keeps collapsing against the raw lane above it.
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
Valve Toolchain Progress
Three build stages chained by chevrons, each carrying its own meter and the live one still filling.
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
Violet Kindle Progress
A jagged discharge path where the charged section is stroked bright and keeps sparking unevenly.
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
Shaft Minute Timer
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
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
Flux Holographic Tabs
An iridescent foil surface whose rainbow sheen keeps travelling over the chosen tab.
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.
Canlı incele Sekmeler
Glacier Package Manager Tabs
Install command tabs for three package managers with a cold monospace command line.
Canlı incele Sekmeler
Gleam Lacquer Tabs
Deep lacquered plates where a narrow specular highlight sweeps over the open tab.
Canlı incele Sekmeler
Halo Mist Tabs
A soft aura swells out of the chosen tab while the panel resolves out of a haze.
Canlı incele Sekmeler
Jade Outline Tabs
Selecting a tab fires a jade ring that expands out of its rounded outline.
Canlı incele Sekmeler
Kiln Stacked Icon Tabs
Tabs stack a glyph over its label and the active glyph glows kiln orange.
Canlı incele Sekmeler
Kindle Riso Print Tabs
Two risograph ink layers start out of register and snap together on the chosen tab.
Canlı incele Sekmeler
Lapis Scale Tabs
A small dot marks the active tab and the panel scales up out of a blur.
Canlı incele Sekmeler
Lever Tilt Tabs
The chosen tab tips over its pivot and the panel swings in from the same hinge.
Canlı incele Sekmeler
Lull Origami Tabs
Folded paper facets where the panel drops open on a crease along its top edge.
Canlı incele Sekmeler
Oasis Sort Filter Tabs
Sort chips with a turning arrow, reordering a short result list one row at a time.
Canlı incele Sekmeler
Obsidian Hover Tabs
Hovering previews a tab in indigo before the click; the panel rises from below.
Canlı incele Sekmeler
Opal Thick Underline
A thick underline drifts between tabs while its opal gradient keeps shifting.
Canlı incele Sekmeler
Prairie Growing Panel Tabs
The panel box grows or shrinks to the height each tab actually needs, in one motion.
Canlı incele Sekmeler
Quiver Mosaic Tabs
Stained glass tabs over dark grout whose panel tiles light up one after another.
Canlı incele Sekmeler
Reef Centered Pill Tabs
Centred pill tabs on an open bar; the active pill keeps breathing in coral light.
Canlı incele Sekmeler
Socket Privacy Tabs
Privacy levels shaped as sockets; the pin drops into the one you pick.