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