genesis
29324fca97
— Добавлен Rolling Letters Loader (текстовый барабан) — Добавлен Helix DNA Loader (3D спираль) — Добавлен Lightsaber Fight Loader (сражение на мечах) — Добавлен Pancake Cooking Loader (подбрасывание блинчика) — Добавлен Pong Game Loader (ретро-игра) — Создан общий README.md с навигационной таблицей
16 lines
1.4 KiB
Markdown
Executable File
16 lines
1.4 KiB
Markdown
Executable File
# ⚔️ Lightsaber Fight Loader
|
|
|
|
Уникальный тематический индикатор загрузки, выполненный в стиле сражения на световых мечах. 100% Pure CSS.
|
|
|
|
### Особенности
|
|
|
|
- **Интерактивный сюжет**: Анимация включает в себя активацию мечей, само «сражение» (столкновение) и появление искр.
|
|
- **Particle System**: Эффект искр при столкновении реализован через `@keyframes` и изменение прозрачности отдельных элементов.
|
|
- **Star Wars Vibe**: Используются классические цвета (зеленый и красный) с соответствующим свечением (`box-shadow`).
|
|
|
|
### Технические детали
|
|
|
|
- **Lightsabers**: Рукоятки — это основные блоки, а сами лучи созданы с помощью псевдоэлементов `:before`.
|
|
- **Fight Logic**: Анимации `fightleft` и `fightright` синхронизированы так, чтобы мечи пересекались в одной точке в определенный момент времени.
|
|
- **Glow Effect**: Динамическое изменение `box-shadow` создает эффект пульсирующего света.
|