Completed
- Getting the mask to work
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Creating a Rotating Gradient Border Effect with CSS
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - Setting things up
- 3 - Adding a conic gradient to the div
- 4 - Adding a custom property to animate the gradient
- 5 - Registering the custom property to animate it
- 6 - Moving the gradient to a pseudo-element
- 7 - Struggling to add a mask
- 8 - Getting the mask to work
- 9 - Trying multiple linear gradients
- 10 - Figuring out the problem with the trailing comma
- 11 - Looking at Ana’s solution which uses border-image