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