Skip to content

Instantly share code, notes, and snippets.

@ipetepete

ipetepete/dabblet.css

Created December 29, 2011 17:24
Show Gist options
  • Save ipetepete/1535092 to your computer and use it in GitHub Desktop.
Save ipetepete/1535092 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
*/
body{
background: #000;
color: rgb(247, 203, 5);
font-family: helvetica, sans-serif;
line-height:1.5em
}
.stage{
-webkit-perspective:800;
-webkit-perspective-origin: origin origin;
}
.intro_text{
/* preserving 3D aspect for the entire animation */
-webkit-transform-style:preserve-3d;
background: #666;
}
.intro_text p{
-webkit-transform: rotateX(80deg) translateZ(60px) translateY(-190px);
display:block;
position: absolute;
left:150px;
height:200px;
width:320px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class='stage'>
<div class="intro_text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Parvi enim primo ortu sic iacent, tamquam omnino sine animo sint. Non dolere, inquam, istud quam vim habeat postea videro; Prioris generis est docilitas, memoria; Ad corpus diceres pertinere-, sed ea, quae dixi, ad corpusne refers? Velut ego nunc moveor. Propter nos enim illam, non propter eam nosmet ipsos diligimus. Duo Reges: constructio interrete. Consequentia exquirere, quoad sit id, quod volumus, effectum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Parvi enim primo ortu sic iacent, tamquam omnino sine animo sint. Non dolere, inquam, istud quam vim habeat postea videro; Prioris generis est docilitas, memoria; Ad corpus diceres pertinere-, sed ea, quae dixi, ad corpusne refers? Velut ego nunc moveor. Propter nos enim illam, non propter eam nosmet ipsos diligimus. Duo Reges: constructio interrete. Consequentia exquirere, quoad sit id, quod volumus, effectum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Parvi enim primo ortu sic iacent, tamquam omnino sine animo sint. Non dolere, inquam, istud quam vim habeat postea videro; Prioris generis est docilitas, memoria; Ad corpus diceres pertinere-, sed ea, quae dixi, ad corpusne refers? Velut ego nunc moveor. Propter nos enim illam, non propter eam nosmet ipsos diligimus. Duo Reges: constructio interrete. Consequentia exquirere, quoad sit id, quod volumus, effectum.
</p>
</div>
</div>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment