​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animatedBox {
5
max-width: 0%;
6
overflow: hidden;
7
animation: myAnimation 2s ease 1s 3 alternate forwards;
8
}
9
​
10
@keyframes myAnimation {
11
    100% {
12
      max-width: 100%;
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>