lipelip

/**
 * Controler une animation CSS3
 */


body {
	background: #003366;
	font-family: "comic sans ms";
}
#nyancat {

lipelip

/**
 * 3D transform: une porte comic
 */


#container {
	width: 250px;
	height: 400px;
	background: #CCC;
	-webkit-perspective: 1000px;

lipelip

/**
 * 3D transform: une porte
 */


#container {
	width: 250px;
	height: 400px;
	background: #CCC;
	-webkit-perspective: 1000px;

lipelip

/**
 * Animation: contrôler l'état de départ et de fin
 */


p {
	font-family: sans-serif;
	text-align: center;
	width: 150px; margin: 30px auto;
	padding: 10px;

lipelip

/**
 * 3D transform
 */


body {
	background: #deddcd;
}

#profs {

lipelip

/**
 * Pac Man
 */


/* aniation des deux demi-cercles de pacman */
@keyframes eatup {
	0% 	{ transform: rotate(0deg); }
	50% 	{ transform: rotate(45deg); }
	100% 	{ transform: rotate(0deg); }

lipelip

/**
 * montgolfière
**/


#nacelle {
				width: 200px; height: 150px;
				background: #BADA55;
				position: absolute;
				left: 50%; margin-left: -100px;