How to code cool CSS animations
This tutorial is an introduction to coding cool CSS animations using HTML and CSS. It's meant for those who already have a good understanding of HTML and CSS, with some familiarity with Sass.
From what I've found, the most challenging part isn't understanding the code but rather learning how to experiment. That's why it is important to have real-time visual feedback when coding a CSS animation. I prefer to use a browser-based editor that refreshes automatically as I code. (I recommend CodePen!)
Using CSS keyframes, animation delays, and CSS transforms, we'll create a simple yet interesting CSS animation. Let's get started!