Animating gradients
Requirements
Problems for in-class lab for the “CSS Advanced” course @SoftUni.
Tasks
- Create index.html and style.css files
- Change the document title to Animating Gradients
- Create an empty div element
- Use :before and :after pseudo elements with position absolute to make them as big as their container
- Add different gradients on the :before and :after elements
- Animate between the different gradients by using opacity on the top most element
Screenshot
![](img/03-gradient-animation.gif)