Design et Ressources

Générateur CSS de skeleton-loader

Générez des extraits CSS pour skeleton-loader.

Catégorie

Design et Ressources

Générateur CSS de skeleton-loader

skeleton loadercssloadingui

Sortie

Générateur de Skeleton Loader CSS

.skeleton {
  border-radius: 12px;
  background: linear-gradient(90deg, #f8fafc 20%, #e2e8f0 50%, #f8fafc 80%);
  background-size: 300% 100%;
  animation: shimmer 0.8999999999999999s infinite;
}

@keyframes shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

En direct Aperçu

Live canvas