Hello all this is what I have:

Code:
.star01 {
position: relative;
top: 20px;
left: 20px;
-webkit-animation-name: slide;
-webkit-animation-duration: 2s;
}

@-webkit-keyframe slide{
	from {-webkit-transform: translateX(0px);}
	to {-webkit-transform: translateX(400px);}
}
& this my html

HTML Code:
<html>
<head> 
<link rel="stylesheet"  href="css/animate01.css">
</head>
<body>
<div id="wrap">
<img class="star01" src="images/star01.png" alt="starslide" width="144" height="144" />
</div>
</body>

</html>

the @-webkit-keyframe slide{
from {-webkit-transform: translateX(0px);}
to {-webkit-transform: translateX(400px);}

do not seem to be recognized i see no typos. Code looks correct...?