Componente de título con animación de ScrollTrigger.js | DWDC - FRF #28

En este vídeo crearé el componente c-title-info del proyecto y además le añadiré una animación basada en el scroll para crear un efecto "sticky" pero con ScrollTrigger.js.
No utilizo la propiedad de CSS position:sticky; ya que más adelante usaremos un recurso que no nos permite usar esa propiedad de posicionamiento de CSS. Lo veremos más adelante.
GSAP documentación:
greensock.com/...
ScrollTrigger de GSAP documentación:
greensock.com/...
gsap.registerPlugin(ScrollTrigger);
greensock.com/...
Excel del proyecto:
docs.google.co...
¿Qué es Awwwards? ¿Qué es un SOTD?:
• ¿Qué es un Site of th...
-------
Soy Ricardo, desarrollador web front end.
Website: animaticss.com/
Instagram: / animaticss
LinkedIn: / ricardo-garcia-llanos
Udemy (curso) - BEM CSS + ITCSS = Metodología BEMIT: www.udemy.com/...
Codepen: codepen.io/ani...
-------
Song: Spitfya x Desembra - Cut The Check [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: ncs.io/cutthecheck
Watch: • Spitfya x Desembra - C...

[@AnimatiCSS]

CURSO BEMIT CSS 👉 www.udemy.com/course/bem-css-itcss-metodologia-bemit-diseno-web-avanzado/?referralCode=428854CE5BB65C9B3D9C

[@victordomenech6595]

🔥🔥🔥 gran animación.

[@AnimatiCSS]

Gracias Vic! Tiene que caer el premio! 🏆🔥🙌

[@ecam90]

Estos videos me han ayudado tnato - muchas gracias. De casualidad seria posible que compartas el repo? Estoy teniendo muchos problemas montando scrolltrigger en nextjs y me gustaria ver como lo hiciste pero sin tener que buscar por todos los videos como un loco!

[@AnimatiCSS]

Hola ecam gracias! Cuando termine la serie posiblemente comparta el código pero en patreon para apoyar el canal. Todo el código es posible visionarlo gratis para el que quiera en los vídeos. Un saludo

[@ecam90]

@@AnimatiCSS Excelente - saludos desde el caribe.

[@ecam90]

De paso - lo resolvi! Tuve que repensar muchas cosas ya que venia con mentalidad de Framer Motion. *facepalm*

[@AnimatiCSS]

Hola ecam90, ya puedes acceder al código, aquí tienes el discord donde explico cómo acceder a la sección premium de código descargable: discord.gg/2rKHn3sw un saludo!