yukulele

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

#c
{

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

yukulele

/**
 * 3D cube
 */

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

yukulele

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

yukulele

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

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

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

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

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

yukulele

/* css3 new units: vh, vw, vmin, vmax  */
/* (webkit) */
div{
	position:absolute;
	top:0;
	left:0;
}
#d0{
	
	height:20vmax;

yukulele

/**
 * Menu CSS3
 */
nav{
	display:block;
	text-align:center;
}
nav ul{
	list-style:none;
	margin:0;padding:0;

yukulele

/* CSS3 checkbox */
/* don't works on firefox :-( */
input[type=checkbox]{
	position:relative;
	display:inline-block;
	width    : 40px;
	height   : 40px;
	font-size: 40px;
	background:#009;
	visibility:hidden;

yukulele

#my_div{
	background:#aaa; 
	width:500px;
	height:400px;
	resize:both;
	overflow:auto;
}
#my_div>div{
	background:#444;
	color:#eee;