🔧

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 анимация Inspectили

CSS Property Reference

SVG фильтровать Explилиer

ASCII Text Banner Генератор

Analogous Colили Генератор

CSS 3D Transдляm Explилиer

CSS light-dark() Function Explилиer

CSS фильтровать Functions Explилиer

CSS Divider Генератор