Design e Recursos

Skeleton Loader CSS Gerador

Gerar skeleton loading CSS snippet.

Entrada

Skeleton Loader CSS Gerador

skeleton loadercssloadingui

Saída

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

Ferramentas relacionadas

Cor Conversor

Convert between HEX, RGB, e HSL Cor paramats.

CSS Gradient Gerador

Gerar a linear gradient e copy the CSS instantly.

Favicon Gerador

Create a simple SVG favicon de initials e bre Cors.

SVG Optimizer

Strip comments e collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments e extra whitespace.

CSS paramatador

Pretty-print CSS com readable indentation.