diff --git a/examples/index.html b/examples/index.html
index e838365..89b55cf 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -58,6 +58,8 @@
       
         <li><a href="compare.html?name=paced">paced</a></li>
       
+        <li><a href="compare.html?name=path">path</a></li>
+      
         <li><a href="compare.html?name=reparent">reparent</a></li>
       
         <li><a href="compare.html?name=repeatDur">repeatDur</a></li>
diff --git a/examples/svg/path.svg b/examples/svg/path.svg
new file mode 100644
index 0000000..e789cec
--- /dev/null
+++ b/examples/svg/path.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="400">
+
+  <path id="loop" d="M 100,100 S 120,380 400,400 S 380,120 100,100">
+    <animate attributeName="d" dur="2s"
+      from="M 100,100 S 120,380 400,400 S 380,120 100,100"
+      to= "M 50,50 S 60,220 330,330 S 320,60 50,50" fill="freeze"/>
+    <animate attributeName="fill" dur="2s"
+      from="red"
+      to= "blue" fill="freeze"/>
+  </path>
+
+</svg>
diff --git a/examples/web/path.html b/examples/web/path.html
new file mode 100644
index 0000000..52a6806
--- /dev/null
+++ b/examples/web/path.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <svg width="600" height="400">
+      <path id="loop" d="M 100,100 S 120,380 400,400 S 380,120 100,100">
+      </path>
+    </svg>
+    <script src="../web-animations.js"></script>
+    <script>
+      'use strict';
+      var loop = document.getElementById('loop');
+      // Path animations are not currently implemented in the Web Animations polyfill.
+      loop.animate([
+        {d: 'M 100,100 S 120,380 400,400 S 380,120 100,100', fill: 'red'},
+        {d: 'M 50,50 S 60,220 330,330 S 320,60 50,50', fill: 'blue'}
+      ], {duration: 2000, fill: 'forwards'});
+    </script>
+  </body>
+</html>
