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.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Text 3D Shadow Stack Navbar
Active link text projects a stacked 3D shadow forming extruded depth.
Canlı incele Navigasyon
Canlı incele Navigasyon
Text Gradient Shift Link Navbar
Hovered links shift a gradient text fill smoothly across the letters.
Canlı incele Navigasyon
Letter Spacing Grow Navbar
Hovered link expands its letter spacing for a refined editorial feel.
Canlı incele Navigasyon
Letter Spacing Shrink Navbar
Links have wide letter spacing that compresses on hover.
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 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
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
Canyon Quota Progress
A storage quota bar that prints used against total and drops two threshold markers on the track.
Canlı incele İlerleme
Carmine Zenith Progress
A triangle fills from its base toward the apex with a dashed rule pinned at the reached level.
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
Flange Vumeter Progress
An analogue volume unit meter whose needle keeps flicking across a scale into the red end.
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
Gear Copy Progress
A copy dialog where a sheet keeps flying from the source folder into the destination folder.
Canlı incele İlerleme
Gilt Arc Progress
An art deco crown of five nested arches where the three gilded bands mark the reached value.
Kategoriye göre gez
ButonlarKartlarYükleyicilerMetinArka PlanlarOnay KutularıAnahtarlarHoverRozetlerFormlarNavigasyonİpuçlarıAkordeonlarUyarılarAvatarlarModallarİlerlemeKaydırıcılarSekmelerTablolarZaman ÇizelgeleriKayan Yazılar