Skip to content

Instantly share code, notes, and snippets.

@crazyrohila

crazyrohila/dabblet.css

Created March 25, 2013 07:24
Show Gist options
  • Save crazyrohila/5235439 to your computer and use it in GitHub Desktop.
Save crazyrohila/5235439 to your computer and use it in GitHub Desktop.
Download ZIP
Google Drive icon.
Raw
dabblet.css
/**
* Google Drive icon.
*/
#main {
position:relative;
width:250px;
height: 250px;
transform:rotate(-60deg);
}
#main > div {
width:90px;
height: 34px;
position:absolute;
}
#main > div:nth-child(1) {
background: #0ea560;
transform: rotate(0deg) skew(-30deg);
left: 30%;
top: 30%;
}
#main > div:nth-child(2) {
background: #fdce48;
transform: rotate(120deg) skew(-30deg);
left: 46.8%;
top: 45%;
}
#main > div:nth-child(3) {
background: #3d81f8;
transform: rotate(240deg) skew(-30deg);
top:52%;
left:25%;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="main">
<div></div>
<div></div>
<div></div>
</div>
Raw
dabblet.js
// alert('Hello world!');
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