add test.html which is a animation test.

3b8e095d · WRVR · e82a2b73 · 3b8e095d
隐藏空白更改
内联并排

Showing with 24 addition and 0 deletion

test.html test.html +24 -0

未找到文件。
--- a/test.html
+++ b/test.html
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Flip_2 Animation</title>
+  <style>
+    @keyframes flip_2 {
+      from { background-color: black; transform: rotateY(0); }
+      to { background-color: green; transform: rotateY(180deg); }
+    }
+    .box {
+      width: 100px;
+      height: 100px;
+      background-color: red;
+      animation-name: flip_2;
+      animation-duration: 2s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+    }
+  </style>
+</head>
+<body>
+  <div class="box"></div>
+</body>
+</html>