Skip to content

Instantly share code, notes, and snippets.

@cedricici

cedricici/dabblet.css

Created January 2, 2012 19:58
Show Gist options
  • Save cedricici/1551886 to your computer and use it in GitHub Desktop.
Save cedricici/1551886 to your computer and use it in GitHub Desktop.
Download ZIP
3D sandbox
Raw
dabblet.css
/**
* 3D sandbox
*/
body{
}
div{
border:1px solid #000;
width:200px;
height:200px;
margin:100px;
perspective:500px;
perspective-origin:50% 50%;
}
div p {
width:inherit;
height:inherit;
display:table-cell;
font-size:7em;
text-shadow:5px 5px 10px #fff;
text-align:center;
vertical-align:middle;
background:rgba(255,200,50,0.9);
opacity:1;
transform:translateZ(00px) rotate3d(1,0,0,45deg);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div><p>@</p></div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment