yukulele

/* font-size tests*/
div{
	background:#eee;
	margin:30px;
}

#d1{
	font-size:38px;
	width:378px;
	height:189px;

yukulele

/**
 * CSS3 transform + transition experiment
 */
@import url("http://fonts.googleapis.com/css?family=Indie+Flower");
#e{
	margin-top:40px;
}
#e>div{
	display:inline-block;
	width:300px;

yukulele

/**
 * Smiling dice
 * http://dabblet.com/gist/3299972
 */

html{
	background: #333;
	color: white;
}
#cube {

yukulele

/**
 * 3D cube
 */
html,body{
	overflow:hidden;
}
#cube {
	position:relative;
	background:#ccc;
	perspective: 200px;

yukulele

/**
 * 3D cube
 */

#cube {
	position:relative;
	background:#ccc;
	width:300px;
	height:300px;
	margin:0 auto;

yukulele

/* My first 3D trasform + transition test */

#c
{

	left: 50%;
	perspective: 230px;
	perspective-origin: 50% 80%;
	position: absolute;
	top: 50%;