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