Directionally Aware Button Effect Without JavaScript

Directionally Aware Button Effect Without JavaScript

Kevin Powell via YouTube Direct link

09:00 - using a transition delay to prevent it from jumping

5 of 6
Previous
Next

5 of 6

09:00 - using a transition delay to prevent it from jumping

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Directionally Aware Button Effect Without JavaScript

Automatically move to the next video in the Classroom when playback concludes
  1. 1 00:00 - Introduction
  2. 2 00:42 - how the original works
  3. 3 02:20 - refactoring to have a single psuedo-element
  4. 4 04:00 - creating and connecting to an anchor
  5. 5 09:00 - using a transition delay to prevent it from jumping
  6. 6 13:10 - fixing the bottom row

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.