Untitled


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <style type="text/css">

        #myImg
        {
        width: 150px;
        height: auto;
        position: absolute;
        animation: myAnimation ease 5s 1s 100;
        opacity: 100;
        }

        @keyframes myAnimation {
        0% {left: 0px;top:0px;}
        25% {left:0px;top:400px;}
        50% {left:400px;top:400px;}
        75% {left:400px;top:0px;}
        100% {left:0px;top:0px;}
        }
        </style>


</head>
<body>
<div>
    <a><img id="myImg" src="Ball.png"></a>
</div>
</body>
</html>