chrome/browser/resources/settings/settings_page/settings_animations.js

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * @fileoverview
   7  * This file defines a set of common animations used by
   8  * 'settings-animated-pages'.
   9  */
  10 Polymer({
  11   is: 'next-page-enter-animation',
  12
  13   behaviors: [
  14     Polymer.NeonAnimationBehavior
  15   ],
  16
  17   configure: function(config) {
  18     var node = config.node;
  19
  20     var timing = this.timingFromConfig(config);
  21     timing.delay = 150;
  22     timing.duration = 150;
  23
  24     this._effect = new KeyframeEffect(node, [
  25       {'opacity': '0'},
  26       {'opacity': '1'}
  27     ], timing);
  28     return this._effect;
  29   }
  30 });
  31
  32 Polymer({
  33   is: 'next-page-exit-animation',
  34
  35   behaviors: [
  36     Polymer.NeonAnimationBehavior
  37   ],
  38
  39   configure: function(config) {
  40     var node = config.node;
  41
  42     var timing = this.timingFromConfig(config);
  43     timing.duration = 150;
  44
  45     this._effect = new KeyframeEffect(node, [
  46       {'opacity': '1'},
  47       {'opacity': '0'}
  48     ], timing);
  49     return this._effect;
  50   }
  51 });