genesis
4bbe7f68da
— Добавлен animated-cubes (геометрический полет на Keyframes) — Добавлен solar-system-orrery (модель системы на Orbital Motion) — Добавлен parallax-star (звездное небо на Box-Shadow) — Добавлен fireflies (эффект светлячков и мягкого свечения) — Добавлен steps-sprite-animation (покадровая анимация с jQuery управлением)
21 lines
1.5 KiB
Markdown
21 lines
1.5 KiB
Markdown
# 🌌 Animated Web Backgrounds
|
|
|
|
Коллекция эффектных и легких фонов для веб-проектов.
|
|
Почти все решения реализованы на **Pure CSS**, что обеспечивает высокую производительность без использования JavaScript (за исключением интерактивных элементов в Steps Animation).
|
|
|
|
## Каталог фонов
|
|
|
|
| Превью | Компонент (Путь к папке) | Стиль | Технология |
|
|
| :----- | :------------------------------------------------ | :-------- | :-------------------------- |
|
|
| 🧊 | **[animated-cubes](./animated-cubes/)** | Геометрия | CSS Keyframes & Scale |
|
|
| 🪐 | **[solar-system-orrery](./solar-system-orrery/)** | Космос | CSS Orbital Motion |
|
|
| 🌌 | **[parallax-star](./parallax-star/)** | Космос | CSS Box-Shadow Parallax |
|
|
| ✨ | **[fireflies](./fireflies/)** | Энергия | CSS Keyframes & Glow |
|
|
| 🏃 | **[steps-sprite](./steps-animation/)** | Спрайт | CSS Steps & **JS (jQuery)** |
|
|
|
|
## Технологии
|
|
|
|
- **HTML5** (Минималистичная разметка)
|
|
- **CSS3** (Animations, Transforms, Custom Properties)
|
|
- **JavaScript / jQuery** (Только для управления в Steps Animation)
|