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