dziudek

/**
 * Animated sorting list
 */

#list {
	margin: 50px auto;
	padding: 0;
	width: 200px;
}

dziudek

/**
 * Slideshow concept
 */

#slideshow {
	height: 240px;
	overflow: hidden;
	position: relative;
	width: 480px;
}

dziudek

/**
 * Image :hover animation II
 */

figure {
	height: 300px;
	overflow: hidden;
	perspective: 600;
	position: relative;
	width: 400px;

dziudek

/**
 * Image :hover animation I
 */

figure {
	height: 300px;
	overflow: hidden;
	perspective: 600;
	position: relative;
	width: 400px;

dziudek

/**
 * Image Roll
 */

#image-roll {
	height: 200px;
	width: 600px;
	-webkit-perspective: 600;
	   -moz-perspective: 600;
	        perspective: 600;

dziudek

/**
 * Image Roll
 */

#image-roll {
	height: 200px;
	width: 600px;
	perspective: 600;
}

dziudek

/**
 * Responsive devices :)
 */

#responsive {
	animation-name: device;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	

dziudek

/**
 * Responsive devices :)
 */

#responsive {
	background: #fff;
	border: 5px solid #333;
	border-bottom: 17px solid #333;
	border-radius: 5px;
	border-top: 10px solid #333;

dziudek

/**
 * Nice CSS 3D animation
 */

body {
	perspective: 1400;
}

#box {
	background: #d45;

dziudek

/**
 * Animated circle
 */

#circle {
	background: #f5a;
	border-radius: 50%;
	box-sizing: border-box;
	height: 200px;
	margin: 50px;