To make your website stand out, you can use Animation in CSS. And it does not have to be complicated.
In this tutorial, we will animate a website by solving 5 tasks:
Task 1: transition - animate the backdrop
Task 2: translate() - animate the side navigation
Task 3: rotate() - animate the hamburger button
Task 4: scale() - animate the button when being hovered
Task 5: keyframes - animate h1 and p
To follow along, download the sources or access the design here.