third_party/polymer/v1_0/components-chromium/neon-animation/animations/transform-animation.html

   1 <!--
   2 @license
   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.github.io/LICENSE.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/CONTRIBUTORS.txt
   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/PATENTS.txt
   9 --><html><head><link rel="import" href="../../polymer/polymer.html">
  10 <link rel="import" href="../neon-animation-behavior.html">
  11 <link rel="import" href="../web-animations.html">
  12
  13 <!--
  14 `<transform-animation>` animates a custom transform on an element. Use this to animate multiple
  15 transform properties, or to apply a custom transform value.
  16
  17 Configuration:
  18 ```
  19 {
  20   name: 'transform-animation',
  21   node: <node>,
  22   transformOrigin: <transform-origin>,
  23   transformFrom: <transform-from-string>,
  24   transformTo: <transform-to-string>,
  25   timing: <animation-timing>
  26 }
  27 ```
  28 -->
  29
  30 </head><body><script src="transform-animation-extracted.js"></script></body></html>