PROCESSING
INTERACTION_025CSS
Scanning Line
A thin light passes down a panel while processing.
Loading / LightView
Back to library
INTERACTION_026
Skeleton Loader.
Skeletons mirror the exact layout of the content they replace, with a slow diagonal sheen instead of a pulsing opacity.
- CATEGORY
- Loading
- COMPLEXITY
- Easy
- TECH
- CSS
- PLATFORM
- Both
- PERFORMANCE
- Light
LIVE PLAYGROUND
CSS / CSS
.skeleton {
background: linear-gradient(100deg, #151515 30%, #242424 50%, #151515 70%);
background-size: 200% 100%;
border-radius: 10px;
animation: shimmer 1.8s linear infinite;
}IF YOU LIKE THIS, STEAL THESE TOO.
GLASS / SURFACE
Blur 24px · edge light
STRUCTURE / 56PX
TEXTURE / 3%