Add examples for animate()

HubSpot · Oct 11, 2024 · b5eac6b · b5eac6b
1 parent 2848af9
commit b5eac6b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/comparisons/effects/animate/jquery.js b/src/comparisons/effects/animate/jquery.js
@@ -0,0 +1,3 @@
+$(el).css({ width: '0%', 'height': '24px' })
+  .animate({ width: "90%" }, 1000)
+  .animate({ height: "400px" }, 1000);
diff --git a/src/comparisons/effects/animate/modern.js b/src/comparisons/effects/animate/modern.js
@@ -0,0 +1,8 @@
+await el.animate(
+    [{ 'width': '0%' }, { 'width': '90%' }],
+    { duration: 1000, fill: 'forwards' }
+).finished;
+await el.animate(
+    [{ 'height': '24px' }, { 'height': '400px' }],
+    { duration: 1000, fill: 'forwards' }
+).finished;