[polymer] import all elements

pkg/polymer/lib/elements/polymer-animation/polymer-flip.html

Index: pkg/polymer/lib/elements/polymer-animation/polymer-flip.html
diff --git a/pkg/polymer/lib/elements/polymer-animation/polymer-flip.html b/pkg/polymer/lib/elements/polymer-animation/polymer-flip.html
new file mode 100644
index 0000000000000000000000000000000000000000..60b9143a3478d91c791fea7258bb8430df54ff9d
--- /dev/null
+++ b/pkg/polymer/lib/elements/polymer-animation/polymer-flip.html
@@ -0,0 +1,36 @@
+<link rel="import" href="polymer-animation.html">
+<polymer-element name="polymer-flip" extends="polymer-animation" attributes="axis">
+  <script>
+    Polymer('polymer-flip', {
+      axis: 'x',
+      duration: 0.5,
+			ready: function() {
+				this.generate();
+			},
+      axisChanged: function() {
+        this.generate();
+      },
+      generate: function() {
+        var isY = this.axis === 'y' || this.axis === 'Y';
+        var rotate = isY ? 'rotateY' : 'rotateX';
+        var transZ = isY ? '150px' : '50px';
+        this.keyframes = [{
+          offset: 0,
+          transform: 'perspective(400px) translateZ(0px) ' + rotate + '(0deg) scale(1)'
+        }, {
+          offset: 0.4,
+          transform: 'perspective(400px) translateZ(' + transZ + ') ' + rotate + '(170deg) scale(1)'
+        }, {
+          offset: 0.5,
+          transform: 'perspective(400px) translateZ(' + transZ + ') ' + rotate + '(190deg) scale(1)'
+        }, {
+          offset: 0.8,
+          transform: 'perspective(400px) translateZ(0px) ' + rotate + '(360deg) scale(.95)'
+        }, {
+          offset: 1,
+          transform: 'perspective(400px) translateZ(0px) ' + rotate + '(360deg) scale(1)'
+        }];
+      }
+    });
+  </script>
+</polymer-element>