Skip to content

Instantly share code, notes, and snippets.

@cedricici

cedricici/dabblet.css

Created March 1, 2012 14:02
Show Gist options
  • Save cedricici/1950003 to your computer and use it in GitHub Desktop.
Save cedricici/1950003 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
*/
section{
margin-top:100px;
width:800px;
height:200px;
background:gainsboro;
padding:20px;
perspective:600px;
/*perspective-origin:-300px 50%;*/
}
nav{
width:150px;
height:150px;
margin: auto;
background:darkorange;
border:3px solid darkred;
transform:rotateY(130deg);
transform-style:preserve-3d;
backface-visibility:visible;
/*transform-style:flat;*/
}
div{
width:75px;
height:75px;
background:firebrick;
border:2px solid maroon;
margin:30px auto;
transform:translateZ(50px) rotateX(45deg);
transform-style:preserve-3d;
}
span{
font-weight:bold;
border:1px solid #fff;
transform:translateZ(25px);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<section>
<nav>
<div><span>BugDroid<span></div>
</nav>
</section>
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment