​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: 1px solid yellowgreen;
10
  animation: myAnimation 1s ease 1s 5 alternate forwards;
11
}
12
​
13
@keyframes myAnimation {
14
  100% {
15
    border-bottom-left-radius: 60px;
16
  }
17
}
18
</style>
19
​
20
<div class="animatedBox">Animated box</div>