Canlı incele Navigasyon
Ö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.
En çok incelenen efektler
Canlı incele Navigasyon
Text Stroke Draw Navbar
Active link text has its stroke drawn animatedly via dash-offset.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Ticket Stub Perforate Nav
Nav styled as ticket stubs with perforated edges between items.
Canlı incele Navigasyon
Ticket Stub Tear Nav
Active ticket stub torn along its perforation edge on hover.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Sliding Underline Nav
Each link grows its own underline from the left as the pointer passes over it.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Left Arrow Pointer
Vertical tabs with a left-pointing arrow on the active item.
Canlı incele Navigasyon
Vertical Tab Right Border Active
Vertical tabs with a right accent border on the active item.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Dot Indicator
Vertical tabs with a glowing dot indicator on the active item.
Canlı incele Navigasyon
Vertical Tab Fill Bg
Vertical tabs with a sliding colored fill background on hover.
Canlı incele Navigasyon
Vertical Tab Icon Trailing
Vertical tabs with trailing right-side icons that pop on active.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Pill Morph
Vertical tabs where the active pill morphs smoothly between items.
Canlı incele Navigasyon
Vertical Tab Progress Bar
Vertical tabs with an active progress bar fill on the active item.
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Slide Content
Vertical tabs that slide horizontally revealing content offset.
Canlı incele Navigasyon
Vertical Tab Step Marker
Vertical tabs with numbered step markers like a wizard.
Canlı incele Navigasyon
Circle Mask Wipe Nav
Active indicator revealed by a circle that expands outward from the link.
Canlı incele Navigasyon
Wipe Right Reveal Nav
Active tab revealed by a rightward wipe sweeping across the nav bar.
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
Atelier Hush Progress
A minimalist reading indicator drawn with one hairline rule, a single tick and widely tracked type.
Canlı incele İlerleme
Aurora Queue Progress
An upload queue where three files each carry their own track, ratio and percentage read out.
Canlı incele İlerleme
Basalt Cells Progress
Twelve separate basalt cells act as one bar; eight of them are lit for the current value.
Canlı incele İlerleme
Bauhaus Vault Progress
A primary coloured arch fills with yellow to the current value beside a disc, a square and a wedge.
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
Canyon Quota Progress
A storage quota bar that prints used against total and drops two threshold markers on the track.
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
Chalk Steps Progress
A four stage step tracker where completed marks carry a drawn tick and a green connector.
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
Cobalt Stack Progress
One track carrying three stacked segments plus a legend that colour codes each slice.
Canlı incele İlerleme
Conduit Sync Progress
Two chasing arrow arcs turn forever beside a device count and the current sync share.
Canlı incele İlerleme
Copper Steps Progress
A ladder of dots that grows toward the right; the lit copper dots mark the current stage.
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
Delta Poll Progress
Poll rows where the vote share is painted behind the option name instead of on a separate track.
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
Ember Health Progress
A skewed game health bar whose colour is read off a fixed red to lime ramp and split by notches.
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
Fjord Rating Progress
A review breakdown that stacks five bars from five stars down to one under an average score.
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
Frost Bar Progress
A flat frosted bar with a label row and a soft cyan glow on the filled span.
Canlı incele İlerleme
Garnet Native Progress
The real progress element restyled with separate WebKit and Gecko pseudo element rules.
Canlı incele İlerleme
Gasket Ladder Progress
A vertical ladder of ten rungs lit from the bottom up, with the peak pair reserved for red.
Canlı incele İlerleme
Gilt Arc Progress
An art deco crown of five nested arches where the three gilded bands mark the reached value.
Canlı incele İlerleme
Girder Odometer Progress
Two mechanical digit reels roll through their numbers behind a fixed percent sign.
Canlı incele İlerleme
Granite Gauge Progress
A half circle gauge built from a conic gradient anchored at the bottom centre of the box.
Canlı incele İlerleme
Harbor Dual Progress
Two concentric rings carry two different metrics with a colour matched key column beside them.
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
Jade Column Progress
Five vertical jade columns fill from the bottom, each carrying its own label underneath.
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
Lapis Meter Progress
Two native meter elements styled as lapis capsules through their vendor pseudo elements.
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
Meadow Thermo Progress
A thermometer with a bulb, a graduated scale column and a mercury level parked at sixty eight percent.
Canlı incele İlerleme
Mesa Retro Progress
A retro terminal meter with bevelled blocks, a scanline overlay and a monospaced read out.
Canlı incele İlerleme
Mica Grid Progress
Progress drawn as a grid of small mica tiles where fifteen of twenty four blocks are filled.
Canlı incele İlerleme
Monsoon XP Progress
A level badge sits beside an experience bar that is divided into ten notched tenths.
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
Obsidian Dash Progress
A dashed ring made by masking a conic gradient with a repeating conic pattern of ticks.
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
Onyx Stripe Progress
Diagonal hazard stripes fill the track to sixty percent with a hard edged onyx frame.
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
Pearl Cell Progress
A battery shaped indicator with a moulded cap and a pearl fill sitting at seventy eight percent.
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
Prairie Usage Progress
A plan usage meter with banded tiers and a bubble pointer that hangs over the current value.
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
Ratchet Segments Progress
Seven chamfered LED segments climb a green to red ramp with five of them currently driven.
Canlı incele İlerleme
Reef Dots Progress
Carousel page dots where the active pill stretches and hosts its own autoplay timer bar.
Canlı incele İlerleme
Ridge Rings Progress
Three nested activity rings track move, burn and stand goals inside one compact dial.
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
Savanna Target Progress
A bullet style comparison where the reached bar runs under a raised marker showing the target.
Canlı incele İlerleme
Shaft Fraction Progress
Progress printed as a plain fraction over twelve slats, seven of which are already driven.
Canlı incele İlerleme
Slate Block Progress
A chunky inset slab where the percentage is printed inside the filled block itself.
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
Summit Numeral Progress
The value is the interface: an oversized clipped gradient numeral over a rule that matches its share.
Canlı incele İlerleme
Tether Ruler Progress
An engraved calibration ruler with minor and major graduations under a dropped cursor.
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
Topaz Skills Progress
A three row skill list where each label sits above its own topaz coloured meter.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar