​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animatedBox {
5
  padding: 20px;
6
  text-align: center;
7
  font: 24px sans-serif;
8
  color: white;
9
  background: yellowgreen;
10
  margin: 0%;
11
  animation: myAnimation 1s ease 1s 3 alternate forwards;
12
}
13
​
14
@keyframes myAnimation {
15
  100% {
16
    margin-right: 50%;
17
  }
18
}
19
</style>
20
​
21
<div class="animatedBox">Animated box</div>