Diseño y Recursos

Skeleton Loader CSS Generador

Generar skeleton loading CSS snippet.

Entrada

Skeleton Loader CSS Generador

skeleton loadercssloadingui

Salida

Skeleton Loader CSS Generator

.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; }
}

Herramientas relacionadas

Color Conversor

Convert between HEX, RGB, y HSL Color paramats.

CSS Gradient Generador

Generar a linear gradient y copy the CSS instantly.

Favicon Generador

Create a simple SVG favicon desde initials y bry Colors.

SVG Optimizer

Strip comments y collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments y extra whitespace.

CSS paramateador

Pretty-print CSS con readable indentation.