src/src/fx/layout/card/Reveal.js

   1 /**
   2  * @private
   3  */
   4 Ext.define('Ext.fx.layout.card.Reveal', {
   5     extend: 'Ext.fx.layout.card.Style',
   6
   7     alias: 'fx.layout.card.reveal',
   8
   9     config: {
  10         inAnimation: {
  11             easing: 'ease-out',
  12             from: {
  13                 opacity: 0.99
  14             },
  15             to: {
  16                 opacity: 1
  17             }
  18         },
  19         outAnimation: {
  20             before: {
  21                 'z-index': 100
  22             },
  23             after: {
  24                 'z-index': 0
  25             },
  26             type: 'slide',
  27             easing: 'ease-out',
  28             out: true
  29         }
  30     },
  31
  32     updateReverse: function(reverse) {
  33         this.getInAnimation().setReverse(reverse);
  34         this.getOutAnimation().setReverse(reverse);
  35     }
  36 });