genesis
29324fca97
— Добавлен Rolling Letters Loader (текстовый барабан) — Добавлен Helix DNA Loader (3D спираль) — Добавлен Lightsaber Fight Loader (сражение на мечах) — Добавлен Pancake Cooking Loader (подбрасывание блинчика) — Добавлен Pong Game Loader (ретро-игра) — Создан общий README.md с навигационной таблицей
21 lines
1.7 KiB
Markdown
21 lines
1.7 KiB
Markdown
# ⌛ Animated Loaders Collection
|
|
|
|
Сборник эффектных индикаторов загрузки для современных веб-интерфейсов.
|
|
Все лоадеры реализованы на **Pure CSS**, что гарантирует высокую производительность и отсутствие лишних зависимостей.
|
|
|
|
## Обзор коллекции
|
|
|
|
| Превью | Компонент | Стиль | Особенности |
|
|
| :----- | :----------------------------------- | :----------- | :------------------------------------------ |
|
|
| 🎰 | [`Rolling Letters`](./rolling-text/) | Текстовый | Эффект барабана и каскадное выпадение букв. |
|
|
| 🧬 | [`Helix DNA`](./helix-dna/) | 3D / Научный | Сложная анимация вращения двойной спирали. |
|
|
| ⚔️ | [`Lightsaber Fight`](./lightsaber/) | Креатив | Мини-сюжет сражения на мечах с искрами. |
|
|
| 🥞 | [`Pancake Cooking`](./pancake/) | Сюжетный | Детальная анимация подбрасывания блинчика. |
|
|
| 🎾 | [`Pong Game`](./pong-game/) | Ретро | Минималистичный геймплей легендарной игры. |
|
|
|
|
## Технологии
|
|
|
|
- **HTML5** (Семантическая разметка)
|
|
- **CSS3 Animations** (`@keyframes`, `transitions`, `transforms`)
|
|
- **Zero JS** (Все анимации работают исключительно на стилях)
|