loai-kanou

/**
 * Switch-style checkboxes.
 * Inspired by Espresso’s “Tools” switch
 */

input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

loai-kanou

/**
 * iOS 6 style switch checkboxes
 * by Lea Verou http://lea.verou.me
 */

:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

loai-kanou

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

.wifi {
	padding: 20px;
}

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

loai-kanou

/**
 * Draw SVG in canvas
 */

loai-kanou

/**
 * Resize on replaced elements?
 */

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

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

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

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

loai-kanou

/* Firefox nightly bug testcase */

loai-kanou

/**
 * Counters for Doug
 */

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

loai-kanou

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

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