.csstransitions.csstransforms .deck-container .slide { -webkit-transition: opacity 500ms ease-in-out 0ms; -moz-transition: opacity 500ms ease-in-out 0ms; -ms-transition: opacity 500ms ease-in-out 0ms; -o-transition: opacity 500ms ease-in-out 0ms; transition: opacity 500ms ease-in-out 0ms; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide { position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 48px; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide { position: relative; left: 0; top: 0; opacity: 0; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-previous { opacity: 0.4; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current { opacity: 1; } .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 { opacity: 0; pointer-events: none; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide { visibility: visible; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current { opacity: 1; visibility: visible; } .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after { visibility: hidden; }