I just read Ibrahim Nergiz’s article, “How to Use CSS Animations Like a Pro” URL https://stories.jotform.com/how-to-use-css-animations-like-a-pro-dfacc1e97338
CSS Animations are one of the coolest design features you can use to “spice up” a website design. Ibrahim Nergiz recently wrote a great article on JotForm titled How to Use CSS Animations Like a Pro. Nergiz details out Keyframes and the use of the Animation properties: Timing, Delay, Play State, Iteration Count, Direction, Fill Mode, and Will-Change.
Nergiz also discusses the “The Super 4”: position, scale, rotation, and opacity. These are the values that are commonly used when defining Keyframes to create animation effects. CSS Animation is achieved by changing the position, scale, rotation, and/or opacity of an object. With these “Super 4” a web designer can easily create highly-customizable animations that add movement to their web pages. If you are a web designer looking to make your web pages stand out, I highly recommend checking out Nergiz’s article here.