¿Quieres aprender a crear animaciones CSS? ¡Has llegado al lugar apropiado! Con las animaciones de CSS puedes suavizar cambios estéticos y hacer atractivos efectos para colocar en tu página y que se activen de forma autónoma.
¡Te explico como funcionan!
TIMELINE:
00:00 Introducción
01:38 Transiciones CSS
02:33 Regla keyframes
03:28 Nombre, duración y ritmo
04:35 Fotogramas clave (from / to)
05:05 Propiedad de atajo (intro)
05:36 Fotogramas clave porcentuales
09:45 Número de repeticiones
10:28 Retardo de la animación
10:42 Modo de relleno (fill mode)
11:58 Dirección de la animación
13:28 Estado de la animación
14:44 Propiedad de atajo
15:45 Animaciones encadenadas
18:44 Pregunta: Animaciones con CSS o JS
19:25 Cierre
LINKS:
🏃♂️ Animaciones CSS: lenguajecss.com/css/animacion...
🤖 Ejemplo de Wheatley (Portal): codepen.io/manz/pen/QXQyvb
¡No te olvides de seguirme! ⚡ manz.dev
---
📹 Twitch: / manzdev
📼 RU-vid: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: t.me/ManzDev
🎶 Música: Portal 2 www.thinkwithportals.com/musi...
19 июн 2024