wishthis/semantic/dist/components/transition.min.css

9 lines
14 KiB
CSS
Raw Normal View History

2022-01-13 13:00:31 +00:00
/*!
2023-12-19 14:45:49 +00:00
* # Fomantic-UI 2.9.3 - Transition
2023-08-17 09:47:40 +00:00
* https://github.com/fomantic/Fomantic-UI/
2022-01-13 13:00:31 +00:00
*
*
* Released under the MIT license
2023-08-17 09:47:40 +00:00
* https://opensource.org/licenses/MIT
2022-01-13 13:00:31 +00:00
*
2023-08-17 09:47:40 +00:00
*/.transition{animation-iteration-count:1;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{animation-play-state:paused}.looping.transition{animation-iteration-count:infinite}.pulsating.transition{animation-name:pulsating;animation-duration:2s;box-shadow:0 0 0 0 rgba(128,128,128,.5)}.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(255,255,255,.7)}@keyframes pulsating{100%{box-shadow:0 0 0 .8rem rgba(255,255,255,0)}}.primary.pulsating.transition{box-shadow:0 0 0 0 rgba(100,53,201,.5)}.primary.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(162,145,251,.7)}.secondary.pulsating.transition{box-shadow:0 0 0 0 rgba(27,28,29,.5)}.secondary.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(84,84,84,.7)}.red.pulsating.transition{box-shadow:0 0 0 0 rgba(219,40,40,.5)}.red.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(255,105,94,.7)}.orange.pulsating.transition{box-shadow:0 0 0 0 rgba(242,113,28,.5)}.orange.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(255,133,27,.7)}.yellow.pulsating.transition{box-shadow:0 0 0 0 rgba(251,189,8,.5)}.yellow.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(255,226,31,.7)}.olive.pulsating.transition{box-shadow:0 0 0 0 rgba(181,204,24,.5)}.olive.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(217,231,120,.7)}.green.pulsating.transition{box-shadow:0 0 0 0 rgba(33,186,69,.5)}.green.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(46,204,64,.7)}.teal.pulsating.transition{box-shadow:0 0 0 0 rgba(0,181,173,.5)}.teal.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(109,255,255,.7)}.blue.pulsating.transition{box-shadow:0 0 0 0 rgba(33,133,208,.5)}.blue.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(84,200,255,.7)}.violet.pulsating.transition{box-shadow:0 0 0 0 rgba(100,53,201,.5)}.violet.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(162,145,251,.7)}.purple.pulsating.transition{box-shadow:0 0 0 0 rgba(163,51,200,.5)}.purple.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(220,115,255,.7)}.pink.pulsating.transition{box-shadow:0 0 0 0 rgba(224,57,151,.5)}.pink.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(255,142,223,.7)}.brown.pulsating.transition{box-shadow:0 0 0 0 rgba(165,103,63,.5)}.brown.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(214,124,28,.7)}.grey.pulsating.transition{box-shadow:0 0 0 0 rgba(118,118,118,.5)}.grey.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(220,221,222,.7)}.black.pulsating.transition{box-shadow:0 0 0 0 rgba(27,28,29,.5)}.black.inverted.pulsating.transition{box-shadow:0 0 0 0 rgba(84,84,84,.7)}.transition.browse{animation-duration:.5s}.transition.browse.in{animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{animation-name:browseOutLeft}.transition.browse.right.out{animation-name:browseOutRight}@keyframes browseIn{0%{transform:scale(.8) translateZ(0);z-index:-1}10%{transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{transform:scale(1) translateZ(0);z-index:999}}@keyframes browseOutLeft{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{transform-origin:top center;animation-duration:.4s;animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.i