Tom-Marble/deck.js/themes/transition/fade.css

   1 .csstransitions.csstransforms .deck-container .slide {
   2   -webkit-transition: opacity 500ms ease-in-out 0ms;
   3   transition: opacity 500ms ease-in-out 0ms;
   4 }
   5 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
   6   position: absolute;
   7   top: 0;
   8   left: 0;
   9 }
  10 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
  11   position: relative;
  12   left: 0;
  13   top: 0;
  14 }
  15 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
  16   opacity: 0;
  17 }
  18 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current {
  19   opacity: 1;
  20 }
  21 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
  22   opacity: 0;
  23   pointer-events: none;
  24 }
  25 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
  26   visibility: visible;
  27 }
  28 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
  29   opacity: 1;
  30   visibility: visible;
  31   pointer-events: auto;
  32 }
  33 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after {
  34   visibility: hidden;
  35 }