summaryrefslogtreecommitdiffstats
path: root/devtools/client/animationinspector/test/doc_body_animation.html
blob: 3813ea09c4862e52a20fe6cdf5cfb1d0f620b476 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <style>
    body {
      background-color: white;
      color: black;
      animation: change-background-color 3s infinite alternate;
    }

    @keyframes change-background-color {
      to {
        background-color: black;
        color: white;
      }
    }
  </style>
</head>
<body>
  <h1>Animated body element</h1>
</body>
</html>