Как сделать эффект появления текста?

Этот скрипт позволит тебе сделать эффект красивого появления текста для твоей страницы на Тильда. Не обрезает текст, совместим с разноцветными текстами. Пример работы модификации внизу cтраницы

1 мин.

JavaScript

Эффекты

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

1. Создай на странице зероблок и элементы в нём, для которых нужно будет создавать эффект

2. Укажи класс который будешь задавать этим элементам через ПКМ => Add CSS Classname и задай его соответственно всем анимируемым текстовым элементам

3. Cгенерируй код со всеми нужными тебе параметрами и помести код в блок т123 после всех зеро с текстами которые надо анимировать

Инструкция

Важно!

- Применить эффект можно также и к стандартным блокам, если у тебя есть конкретный класс элементов к которым нужно будет применять модификацию
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить

(Развернуть)

Скопировать

- Для дней класс

vdays

undefined

[{"lid":"1669886595581","ls":"10","loff":"","li_type":"sb","li_name":"typo","li_subtitle":"\u0422\u0438\u043f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438","li_variants":"\u041f\u043e\u0431\u0443\u043a\u0432\u0435\u043d\u043d\u0430\u044f\n\u041f\u043e\u0441\u043b\u043e\u0432\u043d\u0430\u044f","li_defselitem":"1","li_nm":"typo"},{"lid":"1669886595582","ls":"20","loff":"","li_type":"in","li_name":"cls","li_subtitle":"\u041a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043a \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e","li_ph":"text-anim","li_nm":"cls"},{"lid":"1683455925102","ls":"30","loff":"","li_type":"in","li_name":"shift","li_subtitle":"\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0431\u0443\u043a\u0432\u044b \/ \u0441\u043b\u043e\u0432\u0430 \u0432\u043d\u0438\u0437 \/ \u0432\u0432\u0435\u0440\u0445","li_ph":"60% \u0438\u043b\u0438 -60%","li_nm":"shift"},{"lid":"1715848568308","ls":"40","loff":"","li_type":"in","li_name":"duration","li_subtitle":"\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0431\u0443\u043a\u0432\u044b \/ \u0441\u043b\u043e\u0432\u0430 (\u0432 \u043c\u0441\u0435\u043a)","li_ph":"300","li_nm":"duration"},{"lid":"1715848584832","ls":"50","loff":"","li_type":"in","li_name":"delay","li_subtitle":"\u0417\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0431\u0443\u043a\u0432\u0435 (\u0432 \u043c\u0441\u0435\u043a)","li_ph":"30","li_nm":"delay"},{"lid":"1683455953783","ls":"60","loff":"y","li_type":"cb","li_name":"once","li_label":"\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0438","li_nm":"once"}]

Скопировать код

Отчистить поля

Этот мод доступен в PRO тарифе

0

349

₽

Voron Free

Voron Pro

всего за

/ 1 мес.

Доступ ко всем модификациям библиотеки

Просмотр используемых блоков и их настроек для любого сайта, сделанного на Tilda, в том числе step-by-step анимаций

Полный доступ ко всем функциям расширения для Тильды

Регулярные обновления модификаций и новые модификации включены в стоимость

Техническая поддержка в Telegram

Никаких автоплатежей

Только базовые функции

349 ₽

Доступ к 11 бесплатным модификациям

Бесплатный функционал расширения для Тильды

Темная тема для Tilda Publishing

Отображение всех используемых блоков в боковом меню

Установить расширение

Открыть доступ

После создания они будут работать даже если PRO доступ закончится

Таким образом можно анимировать появление любого текста на твоей страничке:)

Пример работы модификации

Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности

Опиши нужный функционал через эту форму и он будет добавлен!

Не хватает какой-то функции?

Или напиши напрямую в