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

/**
 * 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

/* 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;

yukulele

/**
 * rgba with 0 alpha component
 */
ul>li{
	height:30px;
	line-height:30px;
	border:1px dotted grey;
	margin:10px;
	font-family:sans-serif;
}

yukulele

/**
 * gracefully degrading switch-style checkboxes
 * 		need <label> wrapper and <span> immediatly after checkbox.
 */
 input[type="checkbox"]+span{display:none}
input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
	display:none;
}
input[type="checkbox"]:not(:checked)+span,