genesis
29324fca97
— Добавлен Rolling Letters Loader (текстовый барабан) — Добавлен Helix DNA Loader (3D спираль) — Добавлен Lightsaber Fight Loader (сражение на мечах) — Добавлен Pancake Cooking Loader (подбрасывание блинчика) — Добавлен Pong Game Loader (ретро-игра) — Создан общий README.md с навигационной таблицей
15 lines
1.1 KiB
Markdown
Executable File
15 lines
1.1 KiB
Markdown
Executable File
# 🎰 Rolling Letters Loader
|
|
|
|
Креативный текстовый индикатор загрузки с эффектом «барабана». Буквы слова **LOADING** поочередно вылетают и прокручиваются по вертикали, создавая эффект динамичного каскада.
|
|
|
|
### Особенности
|
|
|
|
- **Pure CSS**: Вся магия анимации реализована через `@keyframes` и трансформации.
|
|
- **Zero JS**: Решение работает без использования JavaScript и сторонних библиотек.
|
|
- **Staggered Animation**: Эффект «волны» достигается за счет последовательной задержки (`animation-delay`) для каждого символа.
|
|
|
|
### Технологии
|
|
|
|
- **HTML5**: Семантическая разметка с использованием `<span>` для каждой буквы.
|
|
- **CSS3**: Использование `rotateX` для 3D-вращения и `top` для перемещения по вертикали.
|