#parachute_div
{
clear:both;
width: 200px;
height: 264px;
top: 200px;
right: 190px;
background-image: url(http://www.designwithcss.net/quiz/images/parachute.png); 
background-repeat:no-repeat;
opacity:1;
position:fixed;
animation-name:parachute_div;
-moz-animation-name:parachute_div;
-webkit-animation-name:parachute_div;
animation-duration:3s;
-moz-animation-duration:3s;
-webkit-animation-duration:3s;
}

/* Standard syntax */
@keyframes parachute_div
{
0%		{transform: rotate(0deg); right:190px; top:5px;}
5%		{transform: rotate(7deg); right:210px; top:20px;}
10%		{transform: rotate(15deg); right:230px; top:40px;} 
15%		{transform: rotate(23deg); right:260px; top:50px;}
20%		{transform: rotate(30deg); right:280px; top:60px;}
25%		{transform: rotate(23deg); right:260px; top:70px;}
30%		{transform: rotate(15deg); right:230px; top:80px;}
35%		{transform: rotate(7deg); right:210px; top:90px;}
40%		{transform: rotate(0deg); right:190px; top:100px;}
45%		{transform: rotate(-7deg); right:170px; top:110px;}
50%		{transform: rotate(-15deg); right:150px; top:120px;}
55%		{transform: rotate(-23deg); right:130px; top:130px;}
60%		{transform: rotate(-30deg); right:110px; top:140px;}
65%		{transform: rotate(-23deg); right:130px; top:150px;}
70%		{transform: rotate(-15deg); right:150px; top:160px;}
75%		{transform: rotate(-7deg); right:170px; top:170px;}
80%		{transform: rotate(0deg); right:190px; top:180px;}
85%		{transform: rotate(0deg); right:190px; top:185px;}
90%		{transform: rotate(0deg); right:190px; top:190px;}
95%		{transform: rotate(0deg); right:190px; top:195px;}
100%	{transform: rotate(0deg); right:190px; top:200px;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes parachute_div
{
0%		{-webkit-transform: rotate(0deg); right:190px; top:5px;}
5%		{-webkit-transform: rotate(7deg); right:210px; top:20px;}
10%		{-webkit-transform: rotate(15deg); right:230px; top:40px;} 
15%		{-webkit-transform: rotate(23deg); right:260px; top:50px;}
20%		{-webkit-transform: rotate(30deg); right:280px; top:60px;}
25%		{-webkit-transform: rotate(23deg); right:260px; top:70px;}
30%		{-webkit-transform: rotate(15deg); right:230px; top:80px;}
35%		{-webkit-transform: rotate(7deg); right:210px; top:90px;}
40%		{-webkit-transform: rotate(0deg); right:190px; top:100px;}
45%		{-webkit-transform: rotate(-7deg); right:170px; top:110px;}
50%		{-webkit-transform: rotate(-15deg); right:150px; top:120px;}
55%		{-webkit-transform: rotate(-23deg); right:130px; top:130px;}
60%		{-webkit-transform: rotate(-30deg); right:110px; top:140px;}
65%		{-webkit-transform: rotate(-23deg); right:130px; top:150px;}
70%		{-webkit-transform: rotate(-15deg); right:150px; top:160px;}
75%		{-webkit-transform: rotate(-7deg); right:170px; top:170px;}
80%		{-webkit-transform: rotate(0deg); right:190px; top:180px;}
85%		{-webkit-transform: rotate(0deg); right:190px; top:185px;}
90%		{-webkit-transform: rotate(0deg); right:190px; top:190px;}
95%		{-webkit-transform: rotate(0deg); right:190px; top:195px;}
100%	{-webkit-transform: rotate(0deg); right:190px; top:200px;}
}

@-moz-keyframes parachute_div
{
0%		{transform: rotate(0deg); right:190px; top:5px;}
5%		{transform: rotate(7deg); right:210px; top:20px;}
10%		{transform: rotate(15deg); right:230px; top:40px;} 
15%		{transform: rotate(23deg); right:260px; top:50px;}
20%		{transform: rotate(30deg); right:280px; top:60px;}
25%		{transform: rotate(23deg); right:260px; top:70px;}
30%		{transform: rotate(15deg); right:230px; top:80px;}
35%		{transform: rotate(7deg); right:210px; top:90px;}
40%		{transform: rotate(0deg); right:190px; top:100px;}
45%		{transform: rotate(-7deg); right:170px; top:110px;}
50%		{transform: rotate(-15deg); right:150px; top:120px;}
55%		{transform: rotate(-23deg); right:130px; top:130px;}
60%		{transform: rotate(-30deg); right:110px; top:140px;}
65%		{transform: rotate(-23deg); right:130px; top:150px;}
70%		{transform: rotate(-15deg); right:150px; top:160px;}
75%		{transform: rotate(-7deg); right:170px; top:170px;}
80%		{transform: rotate(0deg); right:190px; top:180px;}
85%		{transform: rotate(0deg); right:190px; top:185px;}
90%		{transform: rotate(0deg); right:190px; top:190px;}
95%		{transform: rotate(0deg); right:190px; top:195px;}
100%	{transform: rotate(0deg); right:190px; top:200px;}
}