Skip to content

Instantly share code, notes, and snippets.

@korkey128k

korkey128k/dabblet.css

Forked from anonymous/dabblet.css
Created April 24, 2012 19:50
Show Gist options
  • Save korkey128k/2483103 to your computer and use it in GitHub Desktop.
Save korkey128k/2483103 to your computer and use it in GitHub Desktop.
Download ZIP
squeeze-icons
Raw
dabblet.css
/**
* squeeze-icons
*/
body {
background: #a35;
}
.container {
position:absolute;}
.outer {
position:relative;
float:left;
height:100px;
width:100px;
border-radius:20px;
margin:30px 0 0 30px;
background:hsla(0, 0%, 52%, 1);
overflow:hidden;
}
.outer::after {
content:'';
position:absolute;
background:hsla(0, 0%, 100%, .2);
height:200px;
width:200px;
top:-145px;
left:-50px;
border-radius:100px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<div class="container">
<div class="outer"></div>
<div class="outer"></div>
<div class="outer"></div>
</div>
</body>
Raw
settings.json
{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment