Module 4 - Lesson 6
CSS Animations
Lesson Overview
Adding animation to your website is a powerful way to draw users’ attention to important areas of your page and when done well, animations can enhance the visitor experience and add personality to your layouts.
But as with anything else – the key is not to overdo it. You should never add animations just for the sake of adding them. And never animate every part of the website – that just makes the site look chaotic.
In this video, we’ll look into Divi Builder settings and the CSS syntax for defining our own animations.
Video Chapters
Action Items
Use @keyframes to define your custom animation and apply it to an element inside Divi layout.Navigate to the Animista website and look through the CSS source code of at least 3 different animations
Login to your Account
If you're a DSA Student, please log in to your account to access the course content.
Sorry, you don't have access to this content.
It looks like you're not enrolled in Divi Stylist Academy.