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