yukulele

/* transition bounce */
div{
	width:50px;
	height:50px;
	background-color:#777;
	position:absolute;
	
	left:50px;
	margin-left:50px;
	transition: 

yukulele

/* transition elastic */
div{
	width:50px;
	height:50px;
	background-color:#777;
	position:absolute;
	
	left:50px;
	margin-left:50px;
	transition: 

yukulele

/**
 * css transform make text-ugly (depending os/browser)
 */
div{
	border:1px solid red;
	padding:15px;
	margin:50px;
	font-size:17px;
	transform-origin:0 0;
	transform:rotate(10.4deg);

yukulele

/**
 * ex unit
 */

p{
  font-size:40px;
  color:DarkBlue
}
p span{
   font-size:1ex;

yukulele

/**
 * Testing mailto forms
 */

yukulele

 /**
 * fill box-shadow
 */
div{
	width:400px;
	height:150px;
	color:white;
	margin:100px;
	border-radius:0 0 100px;
}

yukulele

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

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

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

yukulele

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