Войти
  • 214882Просмотров
  • 1 год назадОпубликованоCoding2GO

Learn CSS Animations in 9 Minutes

Learn CSS animations in 8 minutes | Animations Crashcourse | every animation property explained | Loading Animation Project Tutorial Become a Member to Support our Channel: 👉 Visit our Website for courses, projects, tutorials + code examples 👉 Deploy your own website with Hostinger 👉 🔥 Discount Code: CODING2GO Sources / Credits to: - - In this tutorial, you'll learn: - What CSS animations are and why they're useful - How to create simple CSS animations using @keyframes - When to use css transitions and animations - How to play css animations with javascript These CSS animations properties will be explained in the video: animation-name: spin animation-duration: number in s animation-timing-function: linear, ease, ease-in, ease-out, ease-in-out animation-delay: number is s animation-direction: normal, reverse, alternate animation-iteration-count: number, infinite animation-fill-mode: forwards animation-play-state: running, paused Example for animation shorthand: animation: 3s spin ease-in-out 1s infinite alternate running; Background Music: Track: "Little Things" Music provided by Free Download/Stream: Like and subscribe for more tutorials like this ✌️