loai-kanou

/**
 * WebKit bug: 
   Elements do not get clipped according to border-radius 
   when parent has a perspective() tranfsorm
 */

.outer {
	background: deeppink;
	width: 300px;
	height: 300px;

loai-kanou

/**
 * Just for fun™: Flickr spinner in pure CSS
 */

@keyframes move {
	to { left: 50%; }
}

@keyframes cover {
	from,49.9% { z-index: 1 }

loai-kanou

/**
 * SVG inspired by Quine's paradox
 */

svg {
	display: block;
	margin: 40px auto;
	font: 83px sans-serif;
}

loai-kanou

/**
 * Counters for Doug
 */

.main-box,
.sub-box {
	display: inline-block;
	margin: 10px;
	padding: 10px;
}

loai-kanou

/* Firefox nightly bug testcase */

loai-kanou

/**
 * Transitions (or lack thereof) with height: auto
 */

div {
	width: 10em;
	overflow:hidden;
	transition: 1s height;
	height: 0;
}

loai-kanou

/**
 * “Body Border, Rounded Inside” without images or extra elements
 */

div {
	width: 10em;
	height: 5em;
	padding: 1em;
	border-radius: 10px;
	margin: 100px;

loai-kanou

/**
 * Resize on replaced elements?
 */

img {
	width: 100px;
	height: 100px;
	resize: both;
	overflow: hidden;
}

loai-kanou

/**
 * Draw SVG in canvas
 */

loai-kanou

/**
 * Just for fun: Wifi icon with pure CSS
 */

.wifi {
	padding: 20px;
}

.wifi, .wifi:before {
	display: inline-block;