Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(101)

Side by Side Diff: third_party/polymer/v1_0/components/neon-animation/animations/transform-animation.html

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
11 <link rel="import" href="../../polymer/polymer.html"> 11 <link rel="import" href="../../polymer/polymer.html">
12 <link rel="import" href="../neon-animation-behavior.html"> 12 <link rel="import" href="../neon-animation-behavior.html">
13 <link rel="import" href="../web-animations.html"> 13 <link rel="import" href="../web-animations.html">
14 14
15 <!-- 15 <!--
16 `<slide-down-animation>` animates a custom transform on an element. Use this to animate multiple 16 `<transform-animation>` animates a custom transform on an element. Use this to a nimate multiple
17 transform properties, or to apply a custom transform value. 17 transform properties, or to apply a custom transform value.
18 18
19 Configuration: 19 Configuration:
20 ``` 20 ```
21 { 21 {
22 name: 'slide-down-animation', 22 name: 'transform-animation',
23 node: <node>, 23 node: <node>,
24 transformOrigin: <transform-origin>, 24 transformOrigin: <transform-origin>,
25 transformFrom: <transform-from-string>, 25 transformFrom: <transform-from-string>,
26 transformTo: <transform-to-string>, 26 transformTo: <transform-to-string>,
27 timing: <animation-timing> 27 timing: <animation-timing>
28 } 28 }
29 ``` 29 ```
30 --> 30 -->
31 31
32 <script> 32 <script>
33 33
34 Polymer({ 34 Polymer({
35 35
36 is: 'transform-animation', 36 is: 'transform-animation',
37 37
38 behaviors: [ 38 behaviors: [
39 Polymer.NeonAnimationBehavior 39 Polymer.NeonAnimationBehavior
40 ], 40 ],
41 41
42 /**
43 * @param {{
44 * node: !Element,
45 * transformOrigin: (string|undefined),
46 * transformFrom: (string|undefined),
47 * transformTo: (string|undefined),
48 * timing: (Object|undefined)
49 * }} config
50 */
42 configure: function(config) { 51 configure: function(config) {
43 var node = config.node; 52 var node = config.node;
44 var transformFrom = config.transformFrom || 'none'; 53 var transformFrom = config.transformFrom || 'none';
45 var transformTo = config.transformTo || 'none'; 54 var transformTo = config.transformTo || 'none';
46 55
47 if (config.transformOrigin) { 56 if (config.transformOrigin) {
48 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin ); 57 this.setPrefixedProperty(node, 'transformOrigin', config.transformOrigin );
49 } 58 }
50 59
51 this._effect = new KeyframeEffect(node, [ 60 this._effect = new KeyframeEffect(node, [
52 {'transform': transformFrom}, 61 {'transform': transformFrom},
53 {'transform': transformTo} 62 {'transform': transformTo}
54 ], this.timingFromConfig(config)); 63 ], this.timingFromConfig(config));
55 64
56 return this._effect; 65 return this._effect;
57 } 66 }
58 67
59 }); 68 });
60 69
61 </script> 70 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698