Skip to content

Instantly share code, notes, and snippets.

@rstacruz

rstacruz/README.md

Last active May 3, 2019 10:18
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/40dbabc2605f0a8e225d78a3f48b7d28 to your computer and use it in GitHub Desktop.
Save rstacruz/40dbabc2605f0a8e225d78a3f48b7d28 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Blitz - Single-div macOS window
Raw
README.md

⚡ CSS Blitz — Single-div macOS Window ⚡

Fork this: https://codepen.io/rstacruz/pen/OGKeEW



Hints

  • Yes, it can be done with a single div. Even the title text
  • Lots of gradients and box shadows are involved
  • There are CSS variables for most colors you will need - check the template!
  • Gradient syntax is background: linear-gradient(to bottom, #fff, #000)

Tools and references

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment