genesis
4145ca07c4
— Добавлен dots-pulsating (минимализм на CSS-переменных) — Добавлен rotating-text (эффект переворота букв с использованием JS) — Добавлен dna-strain (научная анимация цепочки ДНК) — Обновлен общий README.md: коллекция расширена до 8 элементов
16 lines
1.2 KiB
Markdown
Executable File
16 lines
1.2 KiB
Markdown
Executable File
# 🔄 Rotating Text 3D
|
|
|
|
Продвинутая анимация смены слов с эффектом 3D-вращения каждой отдельной буквы. Идеально подходит для динамических заголовков или креативных загрузочных экранов.
|
|
|
|
### Особенности
|
|
|
|
- **3D Letter Flip**: Буквы переворачиваются по оси X, создавая объемный эффект «барабана».
|
|
- **Dynamic JS**: Скрипт автоматически разбивает слова на отдельные символы (`span`), что позволяет использовать любые слова без ручной правки HTML.
|
|
- **Color Themes**: Предусмотрено 5 ярких цветовых схем (Emerald, Peter River, Wisteria и др.).
|
|
|
|
### Технологии
|
|
|
|
- **CSS3 Transforms**: Использование `rotateX` и `transform-origin` для глубины.
|
|
- **Vanilla JS**: Чистый JavaScript для управления таймингами и переключения слов.
|
|
- **Google Fonts**: Подключен современный шрифт **Lato**.
|