dziudek

/**
 *
 * CSS loader IV
 *
 **/

#loader {
	background: #ee6;
	background-clip:content-box;
	box-sizing: border-box;

dziudek

/**
 *
 * CSS loader III
 *
 **/

#loader {
	animation-name: loader;
	animation-duration: 2s;
	animation-iteration-count: infinite;

dziudek

/**
 *
 * CSS loader II
 *
 **/

#loader {
	animation-name: loader;
	animation-duration: 2s;
	animation-iteration-count: infinite;

dziudek

/**
 *
 * CSS loader I
 *
 **/

#loader {
	animation-name: loader;
	animation-duration: 2s;
	animation-iteration-count: infinite;

dziudek

/**
 *
 * CSS loader I
 *
 **/

#loader {
	animation-name: loader;
	animation-duration: 2s;
	animation-iteration-count: infinite;

dziudek

/**
 * Chrome background-image transition demo
 */

div {
	float: left;
	height: 300px;
	transition: all .5s ease-out;
	width: 300px;
}

dziudek

.tag {
	background: #a00;
	border: 1px solid #aaa;
	border-radius: 20px 0 0 20px;
	color: #fff;
	float: left;
	line-height: 28px;
	padding: 0 8px 0 20px;
}

dziudek

/**
 * CSS loader I
 */

#loader {
	animation-name: loading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	background: #ccc;
	border-radius: 50%;

dziudek

/**
 * The first commented line is your dabblet’s title
 **/

#badge {
	border:1px solid #eee;
	height: 80px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;

dziudek

/**
 * The first commented line is your dabblet’s title
 **/

#badge {
	border:1px solid #eee;
	height: 80px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;