genesis
4145ca07c4
— Добавлен dots-pulsating (минимализм на CSS-переменных) — Добавлен rotating-text (эффект переворота букв с использованием JS) — Добавлен dna-strain (научная анимация цепочки ДНК) — Обновлен общий README.md: коллекция расширена до 8 элементов
1.2 KiB
Executable File
1.2 KiB
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.