Загрузка...

Efeito de Texto INCRÍVEL com GSAP SplitText no Elementor (Passo a Passo)

Formação WebP: https://ciparoni.com/webp/
Formação AutômatOS: https://ciparoni.com/automatos/
Curso Negócio Fechado: https://ciparoni.com/negocio-fechado/
Me siga no Instagram: https://instagram.com/ciparoni

-------------------------------------
CÓDIGOS UTILIZADOS NO VÍDEO: https://othonc.notion.site/split-text
-------------------------------------

Você já viu aqueles sites onde o texto aparece letra por letra, sincronizado com o scroll, como se estivesse “contando uma história” na sua frente?

Neste vídeo, eu te ensino exatamente como fazer isso usando GSAP SplitText + ScrollTrigger no Elementor.

-------------------------------------

CAPÍTULOS:

00:00 - Introdução e explicação do efeito
01:04 - Criando a estrutura no Elementor
01:51 - Configurando o container pai
02:23 - Configurando o container sticky
03:06 - Adicionando e configurando os textos
06:35 - Inserindo os códigos CSS
07:15 - Inserindo os códigos Javascript
08:35 - Controlando a duração do scroll
09:20 - Equilibrando as linhas com text-wrap balance
09:56 - Alterando a direção da animação de sumir
11:06 - Adicionando desfoque nas letras
12:25 - INSCREVA-SE

Видео Efeito de Texto INCRÍVEL com GSAP SplitText no Elementor (Passo a Passo) канала Othon Ciparoni
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять