🔧

Shimmer / Skeleإلىn Screen مولد

Preview و cusإلىmize CSS shimmer/skeleإلىn loading effects. توليد ready-إلى-use CSS code لـ various skeleإلىn screen patterns.

CSS / الأنماط أدوات التصميم 10,000

Pattern: Animation Speed:

CSS Code

.shimmer-block {
    background: linear-gradient(90deg, Base Color 25%, Highlight Color 50%, Base Color 75%);
    background-size: 200% 100%;
    animation: shimmer var(--shimmer-speed, 2s) infinite linear;
}

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

أدوات ذات صلة

🎨

Shimmer / Skeleإلىn Screen مولد

أدوات ذات صلة

Background Pattern مولد

Bezier Curve Visualizer

CSS Box Model Visualizer

CSS Backdrop تصفية معاينة

Clip Path مولد

Badge مولد

Box Shadow مولد

CSS أداةtip مولد

ASCII Art مولد

Analogous Colأو مولد

CSS Box Shadow مولد

CSS Animation مولد

CSS Animation Properties Ref

CSS شبكة مولد

CSS Colأو Mix Explأوer

CSS Relative Colأو Syntax Explأوer