Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Created March 17, 2014 04:32
Show Gist options
  • Save LeaVerou/9594012 to your computer and use it in GitHub Desktop.
Save LeaVerou/9594012 to your computer and use it in GitHub Desktop.
Download ZIP
Gradient cheatsheet
Raw
dabblet.css
/* Gradient cheatsheet */
background: linear-gradient(45deg, white, black);
background: linear-gradient(to right, white 50%, red, black);
background: linear-gradient(to bottom right, white 50px, black);
background: repeating-linear-gradient(to bottom left, white, black 30px);
background: radial-gradient(at top right, white, black);
background: radial-gradient(circle at top right, lime 50%, black 0);
background: radial-gradient(farthest-corner at center, red 80%, black);
background: radial-gradient(farthest-side at center, yellow 80%, black);
background: radial-gradient(circle closest-corner at center, yellow 80%, red);
background: repeating-radial-gradient(orange, red 40px);
height: 100%;
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment