Bring a Smile to Your Users' Face With a Confetti Celebration

Bring a Smile to Your Users' Face With a Confetti Celebration

Kevin Powell via YouTube Direct link

- Introduction

1 of 12

1 of 12

- Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Bring a Smile to Your Users' Face With a Confetti Celebration

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - The value of CSS only solutions
  3. 3 - What we’re starting with
  4. 4 - Adding perspective and using preserve-3D
  5. 5 - Creating the container for our confetti
  6. 6 - Creating our first peice of confetti
  7. 7 - Creating the starting point for our animation
  8. 8 - Running the animation on click with JS
  9. 9 - Adding a second animation for the confetti to settle
  10. 10 - Adding all the confetti peices
  11. 11 - Spreading out the peices
  12. 12 - Adding random vertical offsets

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.