CSSFeatured
Shimmer Background Slide
A project-authored CSS skeleton loader showcase where gradient highlight stripes sweep by animating background-position across placeholder surfaces.
Shimmer / skeleton / background-position / gradient sweep
Shimmer background slide
Reimplements skeleton loading with authored placeholder blocks whose highlight stripe moves by animating gradient background-position across each surface.
harbor dock background slide active — 2.4s linear slide
Wide cards + long horizontal runway
Harbor Dock
Harbor Dock moves a broad shimmer lane from far right to left so feed cards feel like a steady scanner light instead of a flash.
background-position-x 168% → -142% with a 236% stripe canvas and level y anchor.
- feed surface
- wide runway
- steady sweep
Dense dashboard rows + tighter x travel
Signal Ledger
Signal Ledger keeps the shimmer stripe narrower and slightly faster so compact telemetry placeholders still read clearly at smaller widths.
background-position-x 152% → -126% on a 208% stripe field with a subtle 14% y lift.
- dense metrics
- narrow stripe
- dashboard loading
Avatar stack + diagonal y drift
North Profile Rail
North Profile Rail introduces a slight vertical offset while the band crosses leftward, making stacked profile placeholders feel more dimensional.
background-position 164% -8% → -138% 18% using a 228% stripe field and cool diagonal angle.
- profile panel
- x/y drift
- diagonal sweep