Black Friday 2024: 25+ Ways to Save on Online Learning
Creating an Interactive Dribbble Card Design

Creating an Interactive Dribbble Card Design

Kevin Powell via YouTube Direct link

- Writing the HTML

2 of 10
Previous
Next

2 of 10

- Writing the HTML

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Creating an Interactive Dribbble Card Design

Automatically move to the next video in the Classroom when playback concludes
  1. 1 - Introduction
  2. 2 - Writing the HTML
  3. 3 - Setting up my Sass files
  4. 4 - Setting up the grid and basic card styling
  5. 5 - Styling the hover state
  6. 6 - Creating the shaking animation
  7. 7 - Animating the images
  8. 8 - Fixing the z-index issue
  9. 9 - Adding a shadow to the cards
  10. 10 - Fixing the issue in Firefox

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.