diff --git a/examples/index.html b/examples/index.html
index e838365..3fdab9a 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=polygon-points">polygon-points</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/polygon-points.svg b/examples/svg/polygon-points.svg
new file mode 100644
index 0000000..5385cd2
--- /dev/null
+++ b/examples/svg/polygon-points.svg
@@ -0,0 +1,8 @@
+<?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="470">
+  <polygon fill="yellow" stroke="lime" stroke-width="10" 
+           points="100,462 518,462 309,100">
+    <animate attributeName="points" from="100,462 518,462 309,100" to="518,462 309,100 100,462" dur="2s" repeatCount="3"/>
+  </polygon>
+</svg>
diff --git a/examples/web/polygon-points.html b/examples/web/polygon-points.html
new file mode 100644
index 0000000..a5c0272
--- /dev/null
+++ b/examples/web/polygon-points.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <svg width="600" height="470">
+      <polygon id="element" fill="yellow" stroke="lime" stroke-width="10" 
+               points="100,462 518,462 309,100"/>
+    </svg>
+    <script src="../web-animations.js"></script>
+    <script>
+      'use strict';
+      var element = document.getElementById('element');
+      // not yet implemented in Web Animations:-
+      element.animate([{points: '100,462 518,462 309,100'}, {points: '518,462 309,100 100,462'}], {duration: 2000, iterations: 3});
+    </script>
+  </body>
+</html>
