​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.clipped {
5
  position: absolute;
6
  animation: myAnimation 3s linear 1s 4 alternate forwards;
7
}
8
​
9
@keyframes myAnimation {
10
  100% {
11
    clip: rect(25px, 180px, 130px, 30px);
12
  }
13
}
14
</style>
15
​
16
​
17
<img src="/pix/samples/1m.jpg" alt="Photo of Pohutukawa in New Zealand" class="clipped">