nakodil.siteАнимация текста на сайте: появление, мерцание, смена слов
Заголовки, которые печатаются, переливаются и меняют слова. Самые популярные варианты и промпт для Claude Code.
9 вариантовпо рейтингу: популярность в источнике, темп и спрос
-
21st.dev
Заголовок со сменяющимся словом в плашке
Одно слово в заголовке стоит в цветной плашке и по очереди сменяется другими словами из списка. Подходит для заголовка первого экрана.
-
21st.dev
Заголовок, который проявляется из размытия
Заголовок и подзаголовок по очереди проступают из размытия и становятся резкими. Подходит для первого экрана и для появления блоков при загрузке страницы.
-
21st.dev
Заголовок, который обводится линией от руки
Вокруг заголовка сама прорисовывается неровная овальная линия, как будто его обвели маркером, а текст плавно проявляется. Хорошо выделяет главную фразу на первом экране.
-
21st.dev
Заголовок, в котором слово сменяется по кругу
В строке заголовка одно слово плавно меняется на следующее из списка, остальной текст стоит на месте. Удобно, чтобы в первом экране показать несколько выгод или аудиторий.
-
21st.dev
Заголовок с бегущим бликом
По белому тексту на тёмном фоне проходит светлая полоса, как отблеск на металле. Подходит для короткого заголовка первого экрана или анонса.
-
21st.dev
Текст, который собирается из случайных символов
Строка сначала состоит из мелькающих знаков вроде # и $, а потом буква за буквой превращается в нужную фразу моноширинным шрифтом. Подходит для слогана на тёмном первом экране.
-
21st.dev
Заголовок, буквы которого реагируют на курсор
Буквы рядом с курсором увеличиваются и перекрашиваются, а когда курсор уходит, возвращаются обратно. Подходит для крупного заголовка на первом экране или в шапке события.
-
21st.dev
Надпись «Hello», которая пишется от руки как у Apple
Слово «hello» прорисовывается одной линией, будто его пишут ручкой, как на экране приветствия Apple. Подходит для первого экрана или заставки.
-
21st.dev
Слова заголовка по очереди заливаются градиентом
Заголовок из трёх строк, где слова по очереди окрашиваются в яркий градиент и снова гаснут. Подходит для короткого слогана из нескольких шагов на первом экране.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал