Index: pkg/polymer/lib/elements/polymer-animation/polymer-animation-keyframe.html |
diff --git a/pkg/polymer/lib/elements/polymer-animation/polymer-animation-keyframe.html b/pkg/polymer/lib/elements/polymer-animation/polymer-animation-keyframe.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..cf79a3faf5c110b2aafa67d586b97b7c67c4367e |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-animation/polymer-animation-keyframe.html |
@@ -0,0 +1,32 @@ |
+<link rel="import" href="../polymer/polymer.html"> |
+ |
+<polymer-element name="polymer-animation-keyframe" attributes="offset value easing"> |
+ <script> |
+ /** |
+ * Defines a keyframe in an animation. Its children should be |
+ * `<polymer-animation-prop>` elements specifying the css |
+ * property value at the keyframe. |
+ * |
+ * @class polymer-animation-keyframe |
+ */ |
+ /** |
+ * From 0 to 1. |
+ * @property offset |
+ * @type Number |
+ */ |
+ Polymer('polymer-animation-keyframe', { |
+ get properties() { |
+ var props = {}; |
+ var children = this.querySelectorAll('polymer-animation-prop'); |
+ Array.prototype.forEach.call(children, function(c) { |
+ props[c.name] = c.value; |
+ }); |
+ if (this.offset !== null) { |
+ props.offset = this.offset; |
+ } |
+ return props; |
+ } |
+ }); |
+ </script> |
+</polymer-element> |
+ |