<!DOCTYPE html>
Moving Box Code
<html>
<head>
<style>
.move {
width: 50px;
height: 50px;
background: purple;
position: relative;
animation: slide 3s infinite alternate;
}
@keyframes slide {
0% { left: 0; }
100% { left: 300px; }
}
</style>
</head>
<body>
<div class="move"></div>
</body>
</html>
Moving Box Code
<html>
<head>
<style>
.move {
width: 50px;
height: 50px;
background: purple;
position: relative;
animation: slide 3s infinite alternate;
}
@keyframes slide {
0% { left: 0; }
100% { left: 300px; }
}
</style>
</head>
<body>
<div class="move"></div>
</body>
</html>
