<![CDATA[<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>Animation</title>
<style type = "text/css">
img {
position: relative;
width: 200px;
height: 200px;
animation: movingImage linear 10s 2 1s alternate;
}
@keyframes movingImage {
0% { opacity: 0; left: 50px; top: 0px; }
25% { opacity: 1; left: 0px; top: 50px; }
50% { opacity: 0; left: 50px; top: 100px; }
75% { opacity: 1; left: 100px; top: 50px; }
100% { opacity: 0; left: 50px; top: 0px; }
}
</style>
</head>
<body>
<img src = "Phils.png">
</body>
</html>]]>