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