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;

yukulele

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

yukulele

/**
 * Testing mailto forms
 */

yukulele

/**
 * ex unit
 */

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

yukulele

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

yukulele

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

yukulele

/**
repeating-linear-gradient bug on chrome
 */

html {
    height: 100%;
    background-image:repeating-linear-gradient(45deg, rgb(231, 209, 156), rgb(231, 209, 156) 2px, transparent 2px, transparent 4px);
    /* background-size: 4px 4px; */
}

yukulele

/*
motion blur
*/
html{
	text-align:center;
}
div{
	background:rgba(255,0,0,.1);
	display:inline-block;
	margin:20px;