2024-06-16

Writerside/topics/Animation.md

@@ -0,0 +1,27 @@
+# Animation
+
+* `animation`
+* `animation-duration`
+* `animation-name`
+* `animation-iteration-count`
+* `animation-direction`
+
+
+```CSS
+p {
+  animation-duration: 3s;
+  animation-name: slidein;
+}
+
+@keyframes slidein {
+  from {
+    translate: 150vw 0;
+    scale: 200% 1;
+  }
+
+  to {
+    translate: 0 0;
+    scale: 100% 1;
+  }
+}
+```