genesis
4bbe7f68da
— Добавлен animated-cubes (геометрический полет на Keyframes) — Добавлен solar-system-orrery (модель системы на Orbital Motion) — Добавлен parallax-star (звездное небо на Box-Shadow) — Добавлен fireflies (эффект светлячков и мягкого свечения) — Добавлен steps-sprite-animation (покадровая анимация с jQuery управлением)
1.5 KiB
Executable File
1.5 KiB
Executable File
✨ CSS Fireflies Background
Элегантный и спокойный фон с анимированными светлячками. Полностью реализован на чистом HTML/CSS, создавая глубокую атмосферу за счет хаотичного движения и мягкого мерцания.
Особенности
- Natural Motion: Каждый светлячок движется по уникальной траектории, заданной через сложные
@keyframes(move1, move2 и т.д.). - Double Animation: Элементы используют комбинацию зацикленного движения (
drift) и мерцания (flash). - Zero JS: Анимация не требует скриптов и работает плавно благодаря аппаратной поддержке трансформаций.
Технические детали
- Particles: Светлячки созданы с использованием псевдоэлементов
::before(тень/тело) и::after(свечение). - Glow: Эффект свечения реализован через
box-shadow: yellowс анимацией прозрачности. - Randomization: Разнообразие достигается за счет использования
nth-childс разными задержками и длительностью анимации.