Skip to content

Instantly share code, notes, and snippets.

@ninjascribble

ninjascribble/dabblet.css

Created September 27, 2012 00:30
Show Gist options
  • Save ninjascribble/3791477 to your computer and use it in GitHub Desktop.
Save ninjascribble/3791477 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
.circle {
background: black;
width: 200px;
height: 200px;
border-radius: 50%;
list-style-type: none;
margin: 0 auto;
padding: 0;
position: relative;
}
.dot {
background: #bee;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
transform-origin: 100px 100px;
transform: rotate(180deg);
position: absolute;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul class="circle">
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
<li class="dot"></li>
</ul>
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment