​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
  color: white;
10
  background: yellowgreen;
11
  border: 0px solid darkgreen;
12
  animation: myAnimation 6s linear 1s 1 forwards;
13
}
14
​
15
@keyframes myAnimation {
16
  50% {
17
    border: 60px solid orange;
18
  }
19
}
20
</style>
21
​
22
<div class="animatedBox">Animated box</div>