​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animatedBox {
5
  max-height: 0px;
6
  overflow: hidden;
7
  animation: myAnimation 2s ease 1s 3 alternate forwards;
8
}
9
​
10
@keyframes myAnimation {
11
  100% {
12
    max-height: 300px;
13
  }
14
}
15
</style>
16
​
17
<div class="animatedBox">
18
<img src="/pix/samples/15m.jpg" alt="Photo of longtail boat in Thailand">
19
</div>