Practical applications of CSS animations
Going forward with the CSS course. Animations are not just "aesthetic bling", they also have practical uses, such as CSS loaders. We tend to take a "loading wheel" for granted, but more often than not it is actually custom tailored and adds value to the user experience. With a thematic animated loader, the user is more likely to sit back and wait while the site loads rather than being confused and unsure if something is happening (Did I click? Is it working? Did it freeze? Better click again! etc) It was demonstrated with this animated crystal here: See the Pen Crystal Loader | Pure CSS by Mike Mangialardi ( @mikemang ) on CodePen . After the video there was "homework" to create your own thematic 100% css loader. Naturally, I looked into cats. Here is my result, using 2 scaling animations. It kind of looks like it's nodding, right? See the Pen Kitty Loader | Pure CSS by Anzelika ( @anzuj ) on CodePen . Another cool thing thi...