CSS Animations:beginner-friendly tutorial
In this beginner-friendly tutorial, we'll walk you through the process of creating a simple hover effect using CSS animations. You'll learn the basic syntax for defining keyframes, as well as how to apply those keyframes to an element using the animation property. By the end of this tutorial, you'll have a solid understanding of how CSS animations work and how you can use them to add subtle, engaging effects to your website. Whether you're new to web development or just getting started with CSS, this tutorial is the perfect place to start. So grab your text editor and let's get coding!
00:00 intro
00:18 how use animation in css
01:27 animation-name
01:41 animation-delay
01:56 animation-timing-function
02:10 animation-duration
02:29 animation-iteration-count
02:46 animation-direction
03:00 animation-fill-mode
03:18 animation-play-state
03:36 animation
03:57 example