В этой статье вы узнаете, как добавить анимированный текст на свой сайт с помощью Elementor. Для начала вы подумаете, какая польза от анимированного текста на сайте? Говоря научным языком, человеческий глаз реагирует на движение, то есть, когда человек видит что-то движущееся, это сразу же привлекает его внимание. В данном случае это анимированный текст. Если вы хотите выделить что-то на сайте, чтобы люди обратили на это больше внимания, опция анимированного текста станет отличным решением.
Чтобы создать анимированный текст в Elementor, вам нужно найти элемент Анимированный заголовок и перетащите его на середину страницы. Напечатайте текст, и начнется творчество. Когда вы начнете редактировать текст, в разделе Содержание у вас больше возможностей. Под опцией Стиль, вы можете выбрать Выделено или Вращающийся. Если вы решили Выделено, вы можете выбрать различные типы фигур в опции Форма как показано на изображении ниже. В основном это различные типы подчеркнутых слов в разной форме.
Если вы решили Вращающийся, вы можете выбрать различные типы анимации в опции Анимация, как показано на изображении ниже. Возможности разнообразны: ввод текста, стирание, перетаскивание, поворот и т. п. Играть и проявлять креативность — решать вам.
После того, как мы определились с анимацией, следующим шагом будет ее создание, то есть ввод текста. Ниже приведены варианты. Перед текстом – где вы набираете текст, который будет обычным, Выделенный/вращающийся текст – где вы вводите текст, который будет иметь анимацию и После текста – где вы печатаете текст, который также будет нормальным. После этого вы можете задать длительность анимации и то, будет ли она повторяться или нет, а также выравнивание текста и HTML-теги.
После того, как вы все это настроите, вы можете в разделе Стиль для дальнейшей стилизации текста и анимации. Вы можете изменить цвет и размер букв, шрифт, оформление и все остальное, что связано с текстом, в разделе «Опции». Заголовок. Тогда что касается анимации по опции Форма, вы можете изменить толщину линии, будет ли она располагаться выше или ниже текста, а также будут ли концы линии закругленными или нет.
