Mercurial > hg > Members > taiki > slides
diff deck.js/themes/transition/fade.css @ 0:dd1c78c6398f
add having slides
author | taiki <taiki@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Mon, 25 Mar 2013 05:14:03 +0900 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/deck.js/themes/transition/fade.css Mon Mar 25 05:14:03 2013 +0900 @@ -0,0 +1,43 @@ +.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; +} +.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after { + opacity: 0; +} +.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; + pointer-events: auto; +} +.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; +}