fomantic-ui
Version:
Fomantic empowers designers and developers by creating a shared vocabulary for UI.
9 lines • 4.62 kB
CSS
/*!
* # Fomantic-UI 2.9.3 - Reveal
* https://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* https://opensource.org/licenses/MIT
*
*/.ui.reveal{display:inherit;position:relative ;font-size:0}.ui.reveal>.visible.content{position:absolute ;top:0 ;left:0 ;z-index:3 ;transition:all .5s ease .1s}.ui.reveal>.hidden.content{position:relative ;z-index:2 }.ui.active.reveal .visible.content,.ui.reveal:hover .visible.content{z-index:4 }.ui.slide.reveal{position:relative ;overflow:hidden ;white-space:nowrap}.ui.slide.reveal>.content{display:block;width:100%;white-space:normal;float:left;margin:0;transition:transform .5s ease .1s}.ui.slide.reveal>.visible.content{position:relative }.ui.slide.reveal>.hidden.content{position:absolute ;left:0 ;width:100% ;transform:translateX(100%) }.ui.slide.active.reveal>.visible.content,.ui.slide.reveal:hover>.visible.content{transform:translateX(-100%) }.ui.slide.active.reveal>.hidden.content,.ui.slide.reveal:hover>.hidden.content{transform:translateX(0) }.ui.slide.right.reveal>.visible.content{transform:translateX(0) }.ui.slide.right.reveal>.hidden.content{transform:translateX(-100%) }.ui.slide.right.active.reveal>.visible.content,.ui.slide.right.reveal:hover>.visible.content{transform:translateX(100%) }.ui.slide.right.active.reveal>.hidden.content,.ui.slide.right.reveal:hover>.hidden.content{transform:translateX(0) }.ui.slide.up.reveal>.hidden.content{transform:translateY(100%) }.ui.slide.up.active.reveal>.visible.content,.ui.slide.up.reveal:hover>.visible.content{transform:translateY(-100%) }.ui.slide.up.active.reveal>.hidden.content,.ui.slide.up.reveal:hover>.hidden.content{transform:translateY(0) }.ui.slide.down.reveal>.hidden.content{transform:translateY(-100%) }.ui.slide.down.active.reveal>.visible.content,.ui.slide.down.reveal:hover>.visible.content{transform:translateY(100%) }.ui.slide.down.active.reveal>.hidden.content,.ui.slide.down.reveal:hover>.hidden.content{transform:translateY(0) }.ui.fade.reveal>.visible.content{opacity:1}.ui.fade.active.reveal>.visible.content,.ui.fade.reveal:hover>.visible.content{opacity:0}.ui.move.reveal{position:relative ;overflow:hidden ;white-space:nowrap}.ui.move.reveal>.content{display:block;float:left;white-space:normal;margin:0;transition:transform .5s cubic-bezier(.175,.885,.32,1) .1s}.ui.move.reveal>.visible.content{position:relative }.ui.move.reveal>.hidden.content{position:absolute ;left:0 ;width:100% }.ui.move.active.reveal>.visible.content,.ui.move.reveal:hover>.visible.content{transform:translateX(-100%) }.ui.move.right.active.reveal>.visible.content,.ui.move.right.reveal:hover>.visible.content{transform:translateX(100%) }.ui.move.up.active.reveal>.visible.content,.ui.move.up.reveal:hover>.visible.content{transform:translateY(-100%) }.ui.move.down.active.reveal>.visible.content,.ui.move.down.reveal:hover>.visible.content{transform:translateY(100%) }.ui.rotate.reveal>.visible.content{transition-duration:.5s;transform:rotate(0)}.ui.rotate.reveal>.visible.content,.ui.rotate.right.reveal>.visible.content{transform-origin:bottom right}.ui.rotate.active.reveal>.visible.content,.ui.rotate.reveal:hover>.visible.content,.ui.rotate.right.active.reveal>.visible.content,.ui.rotate.right.reveal:hover>.visible.content{transform:rotate(110deg)}.ui.rotate.left.reveal>.visible.content{transform-origin:bottom left}.ui.rotate.left.active.reveal>.visible.content,.ui.rotate.left.reveal:hover>.visible.content{transform:rotate(-110deg)}.ui.disabled.reveal:hover>.visible.visible.content{position:static ;display:block ;opacity:1 ;top:0 ;left:0 ;right:auto ;bottom:auto ;transform:none }.ui.disabled.reveal:hover>.hidden.hidden.content{display:none }.ui.reveal>.ui.ribbon.label{z-index:5}.ui.visible.reveal{overflow:visible}.ui.instant.reveal>.content{transition-delay:0s }.ui.reveal>.content{font-size:1rem}.ui.mini.reveal>.content{font-size:.78571429rem}.ui.tiny.reveal>.content{font-size:.85714286rem}.ui.small.reveal>.content{font-size:.92857143rem}.ui.large.reveal>.content{font-size:1.14285714rem}.ui.big.reveal>.content{font-size:1.28571429rem}.ui.huge.reveal>.content{font-size:1.42857143rem}.ui.massive.reveal>.content{font-size:1.71428571rem}