Skip to content

Instantly share code, notes, and snippets.

@ipetepete

ipetepete/dabblet.css

Created January 4, 2012 16:08
Show Gist options
  • Save ipetepete/1560713 to your computer and use it in GitHub Desktop.
Save ipetepete/1560713 to your computer and use it in GitHub Desktop.
Download ZIP
Star Wars Episode Cliff Notes
Raw
dabblet.css
/**
* Star Wars Episode Cliff Notes
*/
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","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment