Completed
09:00 - Adding the outer glow
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Make an Animated Glowing Border Effect with CSS
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 - Introduction
- 2 00:30 - the HTML and starting CSS
- 3 01:30 - Setting up the border
- 4 06:48 - Faking a transparent background
- 5 09:00 - Adding the outer glow
- 6 13:20 - Making the inner glow
- 7 16:55 - Tweaking the values of the blur
- 8 18:18 - Adding custom properties
- 9 20:07 - Flipping it to the other side
- 10 22:25 - Improving and customizing the gradient
- 11 24:30 - Animating the gradient and glow by changing the colors
- 12 27:35 - An easier way to animate it
