التصميم والموارد

Skeleton Loader CSS مولد

إنشاء skeleton loading CSS snippet.

الإدخال

Skeleton Loader CSS مولد

skeleton loadercssloadingui

الإخراج

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

أدوات مشابهة

لون محول

Convert between HEX, RGB, و HSL لون لـmats.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.