Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0" />
<title>css3 stuff</title>
<link rel="stylesheet" type="text/css" href="newstyle.css" />

<style text="text/css">
#playground{
background:red;
width:30em;
height:40em;
overflow:hidden;
margin:auto;
position:relative;}

#playground > img{
width:10em;
position:absolute;
-webkit-animation:dance 6s 2;
animation:dance 6s 2;


}

@-webkit-keyframes dance{

0% {
width:10em;
left:0;
top:0;
}


100%{

width:10em;
left:10em;
top:10em;

}


}</style>
</head>
<body>

<div id="playground">
        <img src="cat.jpg" alt="" >
</div>

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</body>
</html>