diff --git a/src/comparisons/effects/animate/jquery.js b/src/comparisons/effects/animate/jquery.js
new file mode 100644
index 0000000..de8b2e6
--- /dev/null
+++ 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
new file mode 100644
index 0000000..5be5bf0
--- /dev/null
+++ b/src/comparisons/effects/animate/modern.js
@@ -0,0 +1,8 @@
+await el.animate(
+    [{ 'width': '0%' }, { 'width': '90%' }],
+    { duration: 1000, easing: 'ease-in-out', fill: 'forwards' }
+).finished;
+await el.animate(
+    [{ 'height': '24px' }, { 'height': '400px' }],
+    { duration: 1000, easing: 'ease-in-out', fill: 'forwards' }
+).finished;