crazyrohila

/**
 * CSS3 watch.
 */

#clock {
	background:url(http://www.paulrhayes.com/experiments/clock/images/clockFace.png) no-repeat;
	width: 376px;
	height: 378px;
	border: 10px solid gray;
	border-radius:50%;

crazyrohila

/**
 * Bat-ball
 */

@keyframes ball {
    0% {
        left: -20%;
        transform: rotate(0deg);
    }
    30% {

crazyrohila

/**
 * The first commented line is your dabblet’s title
 */
@keyframes pump {
	0% {
		top: 0;
		left: 0;
		font-size: 100px;
		transform: rotate(0deg);
	}

crazyrohila

/**
 * moving man.
 */

#man {
	position: relative;
	width:350px;
	transform: scale(.4);
	left: -15%;
}

crazyrohila

/**
 * coming through.
 */

@keyframes gola {
	0%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	15%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	100%{ transform: rotate(720deg) scale(7) skew(10deg,10deg); top:90%;}
}

crazyrohila

/**
 * car steering
 */

#circle {
	width: 300px;
	height: 300px;
	border: 25px solid #2F4F4F;
	border-radius: 50%;
	position: relative;

crazyrohila

/**
 * CSS3 start-stop button.
 */

input.cbox {display:none;}
.label {
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 50%;

crazyrohila

/**
 * image and css comparison. 
 */
div {background: #01476b; padding: 7px 10px; width: 882px;}
span {
	font-family: verdana;
	font-style: italic;
	font-weight: 700;
	text-shadow: 3px 4px 3px #222;
	font-size: 18px;

crazyrohila

/**
 * Google Drive icon.
 */

#main {
  position:relative;
  width:250px;
  height: 250px;
  transform:rotate(-60deg);
}

crazyrohila

/**
 * F A L T U
 */

@keyframes move {
	50% {
		text-shadow:
		0 0 20px #fefcc9,
		10px -10px 30px #feec85,
		-20px -20px 40px #ffae34,