Directionally Aware Button Effect Without JavaScript

Directionally Aware Button Effect Without JavaScript

Kevin Powell via YouTube Direct link

04:00 - creating and connecting to an anchor

4 of 6
Previous
Next

4 of 6

04:00 - creating and connecting to an anchor

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.