Index: pkg/polymer/lib/elements/polymer-animation/polymer-scale.html |
diff --git a/pkg/polymer/lib/elements/polymer-animation/polymer-scale.html b/pkg/polymer/lib/elements/polymer-animation/polymer-scale.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..dcbaa67835f57d6fbde4585a712d2acea1d10033 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-animation/polymer-scale.html |
@@ -0,0 +1,31 @@ |
+<link rel="import" href="polymer-animation.html"> |
+<polymer-element name="polymer-scale" extends="polymer-animation" attributes="fromX fromY toX toY"> |
+ <template> |
+ </template> |
+ <script> |
+ Polymer('polymer-scale', { |
+ fromX: '1', |
+ fromY: '1', |
+ toX: '1', |
+ toY: '1', |
+ fromXChanged: function() { |
+ this.generate(); |
+ }, |
+ fromYChanged: function() { |
+ this.generate(); |
+ }, |
+ toXChanged: function() { |
+ this.generate(); |
+ }, |
+ toYChanged: function() { |
+ this.generate(); |
+ }, |
+ generate: function() { |
+ this.keyframes = [ |
+ {transform: 'scale(' + this.fromX + ',' + this.fromY + ')'}, |
+ {transform: 'scale(' + this.toX + ',' + this.toY + ')'} |
+ ]; |
+ } |
+ }); |
+ </script> |
+</polymer-element> |