Animaciones en Javascript con GSAP 3.0 🧈 #shorts
En este tutorial vas a aprender a usar a la librería GSAP para animación con HTML5 y javascript. Esta librería te permite hacer animaciones fluídas como mantequilla derretida. 🧈
📚 MIS CURSOS 👉 https://www.academia-x.com
📕 MIS LIBROS 👉 https://shop.academia-x.com
⌨️ MIS EQUIPOS 👉 https://www.amazon.com/shop/programadorx (enlace pagado)
📷 INSTAGRAM 👉 https://www.instagram.com/programador.x
💼 LINKEDIN 👉 https://www.linkedin.com/in/xavier-reyes-ochoa
“Como un Afiliado de Amazon, gano por compras elegibles”
El tutorial cubre todo lo básico de crear animaciones con y sin el timeline utilizando HTML/CSS & GSAP en el navegador. GSAP 3 trae muchos APIs que te permiten tener mucho más control con tus animaciones que en versiones anteriores.
GSAP 👉 https://greensock.com/?&_rid=90559
Archivo tutorial GSAP 👉 https://github.com/xrochoa/gsap-tutorial
Comparación de velocidad 👉 https://greensock.com/js/speed.html?&_rid=90559
Mi portafolio 👉 http://www.xaviro.com/
Archivos de animaciones 👉 https://github.com/xrochoa/video-animations
📚 Contenido
0:00 – Animaciones en Javascript con GSAP 3.0
0:34 – Instala GSAP
0:58 – Qué es un CDN?
1:36 – GSAP Set
2:30 – Comparación de velocidad
3:49 – GSAP To
5:08 – Visualizador de Ease
5:56 – Animando objetos de JS
6:50 – GSAP From
8:51 – GSAP Timeline
10:06 – GSAP Controls
10:48 – Más detalles de GSAP
12:41 – Proyectos: Portafolio
13:04 – Proyectos: Animaciones para video
14:23 – Preguntas para ti
#gsap
#javascript
#animaciones
#html #css ##react #programadorX
#programador #programacion #ingeniero #ingenieria
#desarrolloweb #frontend #backend #software