Shimmer
A gradient highlight sweeps across — used for skeleton loaders.
Preview
Tune parameters
Full code
/* Shimmer */
@keyframes shimmer {
from { background-position: -200% 0; }
to { background-position: 200% 0; }
}
.shimmer { background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 37%, #e2e8f0 63%); background-size: 200% 100%; animation: shimmer 1.4s linear infinite; }