Skip to content

Instantly share code, notes, and snippets.

@LeaVerou
Created February 7, 2013 01:38
Show Gist options
  • Save LeaVerou/4727654 to your computer and use it in GitHub Desktop.
Save LeaVerou/4727654 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
html { background: gainsboro; }
body {
margin: 3em auto 0;
width: 6em;
height: 6em;
border: 5em solid;
border-color: #43a1cd #e1e23b #ba3e2e #272b66;
border-radius: 16em;
background: white;
box-shadow: 0 0 0 2em white;
}
@keyframes rot { to { transform: rotate(360deg); } }
body:hover {
animation: rot .3s infinite linear;
}
<!-- content to be placed inside <body>…</body> -->
// alert('Hello world!');
{"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