genesis
4145ca07c4
— Добавлен dots-pulsating (минимализм на CSS-переменных) — Добавлен rotating-text (эффект переворота букв с использованием JS) — Добавлен dna-strain (научная анимация цепочки ДНК) — Обновлен общий README.md: коллекция расширена до 8 элементов
2.1 KiB
2.1 KiB
⌛ Animated Loaders Collection
Сборник эффектных индикаторов загрузки для современных веб-интерфейсов. Все лоадеры реализованы на Pure CSS, что гарантирует высокую производительность и отсутствие лишних зависимостей.
Обзор коллекции
| Превью | Компонент | Стиль | Особенности |
|---|---|---|---|
| 🎰 | Rolling Letters |
Текстовый | Эффект барабана и каскадное выпадение букв. |
| 🧬 | Helix DNA |
3D / Научный | Сложная анимация вращения двойной спирали. |
| ⚔️ | Lightsaber Fight |
Креатив | Мини-сюжет сражения на мечах с искрами. |
| 🥞 | Pancake Cooking |
Сюжетный | Детальная анимация подбрасывания блинчика. |
| 🎾 | Pong Game |
Ретро | Минималистичный геймплей легендарной игры. |
| ⚪ | Dots Pulsating |
Минимализм | Настройка через CSS Variables, эффект волны. |
| 🔄 | Rotating Text |
Текстовый | 3D-переворот букв, выбор цветов. |
| 🧬 | DNA Strain |
Научный | Плоская анимация вращения цепочки. Pure CSS |
Технологии
- HTML5 (Семантическая разметка)
- CSS3 Animations (
@keyframes,transitions,transforms) - Zero JS (Все анимации работают исключительно на стилях)