Skip to content

Creating smooth CSS animations by building an advice generator

Let's practice some CSS transitions and animations by building a small advice generator app which fetches data from a real API!

Creating smooth CSS animations by building an advice generator

Understanding animations in CSS is an important part of building web applications. Today's user interfaces are rich in interactions, and adding some visual sugar in the form transitions and animations makes the experience a whole lot better.

Join me in this small project, courtesy of Frontend Mentor, and build an advice generator in plain HTML, CSS, and JavaScript. We'll talk about layouts, best practices, fetching data, animations, and much more.

This project comes courtesy of Frontend Mentor.