Skip to content

Instantly share code, notes, and snippets.



Created Dec 7, 2018
What would you like to do?
CSS Blitz - DVD Screensaver

Make it bounce 4 times

Start coding

CSS Blitz - DVD Player Screensaver

  • You have 20 minutes to implement this, take your time (but not too much)!
  • 💅 Feel free to embellish and make it pretty!
  • 📦 Some basic CSS is provided for you. There are some TODO comments in there to help you out.
  • 🔍 You can search online if you get stuck.
  • 🎉 When you're done, Fork the Codepen page and share with us the URL.

* * *

Tips and hints

  • Do not use positioning properties! (left, right, top, and bottom)
  • Use the transform attribute. You have translate, scale, rotate, and more. Go wild!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment