<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">
.ro {
width: 170px;
height: 191px;
background: url(../img/robot.png) no-repeat;
position: absolute;
left: 900px;
top: 170px;
animation: toMove linear infinite 10s;
-webkit-animation: toMove linear infinite 10s;
}
@keyframes toMove {
0% {}
49% {
transform: rotateY(0deg);
}
50% {
left: 450px;
transform: rotateY(180deg);
}
100% {
transform: rotateY(180deg);
}
}
</style>
</head>
<body>
<div class="ro"></div>
</body>
</html>