Skip to content

Instantly share code, notes, and snippets.

@rstacruz

rstacruz/README.md Secret

Last active April 13, 2018 09:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rstacruz/859199346e6fbe0e852a775f22af32cd to your computer and use it in GitHub Desktop.
Save rstacruz/859199346e6fbe0e852a775f22af32cd to your computer and use it in GitHub Desktop.
Download ZIP
CSS Blitz: Video UI
Raw
README.md

Video UI

⚡ View mockup · Start coding ⚡

Instructions

  • You have 25 minutes to implement this UI.
  • Text, colors, and other assets are provided for you.
  • Some basic CSS is provided for you.
  • 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

  • Copy-paste this for a play icon: ▶
  • Did you know you can type that in Vim/Spacemacs? Try this in insert mode: <C-k> P R
  • Use this for an image: https://i.imgur.com/zS7W6CH.gif
  • Check out Using multiple backgrounds (MDN)
  • Check out Linear gradients (MDN)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment