16 lines
1.2 KiB
Markdown
16 lines
1.2 KiB
Markdown
|
# 🔄 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**.
|