Index: pkg/polymer/lib/elements/polymer-animation/test.html |
diff --git a/pkg/polymer/lib/elements/polymer-animation/test.html b/pkg/polymer/lib/elements/polymer-animation/test.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..04bb756d146e17e29ca5f7f50ce66b3d87f91a2d |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-animation/test.html |
@@ -0,0 +1,42 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <script src="../../polymer/polymer.js"></script> |
+ <link rel="import" href="polymer-animation-group.html"> |
+</head> |
+<body> |
+ <polymer-element name="transition-hslide-scale-out" extends="polymer-animation-group" noscript> |
+ <template> |
+ <polymer-animation id="scale-out" duration="0.5"> |
+ <polymer-animation-keyframe> |
+ <polymer-animation-prop name="transform" value="scale(1)"></polymer-animation-prop> |
+ </polymer-animation-keyframe> |
+ <polymer-animation-keyframe> |
+ <polymer-animation-prop name="transform" value="scale(0.8)"></polymer-animation-prop> |
+ </polymer-animation-keyframe> |
+ </polymer-animation> |
+ <polymer-animation id="hslide-in" duration="0.5"> |
+ <polymer-animation-keyframe> |
+ <polymer-animation-prop name="transform" value="translateX(100%)"></polymer-animation-prop> |
+ </polymer-animation-keyframe> |
+ <polymer-animation-keyframe> |
+ <polymer-animation-prop name="transform" value="translateX(0)"></polymer-animation-prop> |
+ </polymer-animation-keyframe> |
+ </polymer-animation> |
+ </template> |
+ </polymer-element> |
+ |
+ <transition-hslide-scale-out></transition-hslide-scale-out> |
+ <div>Hi!</div> |
+ |
+ <script> |
+ document.addEventListener('polymer-ready', function() { |
+ var a = document.querySelector('transition-hslide-scale-out'); |
+ a.target = document.querySelector('div'); |
+ setTimeout(function() { |
+ a.play(); |
+ }, 50); |
+ }); |
+ </script> |
+</body> |
+</html> |