Completed
00:00 - Introduction
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Creating a Focus by Negation Effect with CSS - Animation Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 - Introduction
- 2 01:15 - The very basics
- 3 05:55 - Ensuring it works with focus
- 4 06:00 - Adding in a scaling effect
- 5 08:10 - Giving the animation some springiness
- 6 12:10 - Looking at the mobile experience
- 7 13:20 - Custom property based on which element we are hovering
- 8 16:10 - Creating a sibling index
- 9 17:28 - Using the abs function to set the distances and do some calculations
- 10 24:00 - Debugging
- 11 29:00 - Figuring out how to spread them out with transform-origin
