123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- .wux-animate--fadeIn-enter {
- transition: opacity .3s;
- opacity: 0
- }
- .wux-animate--fadeIn-enter-active,
- .wux-animate--fadeIn-enter-done {
- opacity: 1
- }
- .wux-animate--fadeIn-exit {
- transition: opacity .3s;
- opacity: 1
- }
- .wux-animate--fadeIn-exit-active,
- .wux-animate--fadeIn-exit-done {
- opacity: 0
- }
- .wux-animate--fadeInDown-enter {
- transition: opacity .3s,transform .3s;
- opacity: 0;
- transform: translate3d(0,-100%,0)
- }
- .wux-animate--fadeInDown-enter-active,
- .wux-animate--fadeInDown-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInDown-exit {
- transition: opacity .3s,transform .3s;
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInDown-exit-active,
- .wux-animate--fadeInDown-exit-done {
- opacity: 0;
- transform: translate3d(0,-100%,0)
- }
- .wux-animate--fadeInLeft-enter {
- transition: opacity .3s,transform .3s;
- opacity: 0;
- transform: translate3d(-100%,0,0)
- }
- .wux-animate--fadeInLeft-enter-active,
- .wux-animate--fadeInLeft-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInLeft-exit {
- transition: opacity .3s,transform .3s;
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInLeft-exit-active,
- .wux-animate--fadeInLeft-exit-done {
- opacity: 0;
- transform: translate3d(-100%,0,0)
- }
- .wux-animate--fadeInRight-enter {
- transition: opacity .3s,transform .3s;
- opacity: 0;
- transform: translate3d(100%,0,0)
- }
- .wux-animate--fadeInRight-enter-active,
- .wux-animate--fadeInRight-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInRight-exit {
- transition: opacity .3s,transform .3s;
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInRight-exit-active,
- .wux-animate--fadeInRight-exit-done {
- opacity: 0;
- transform: translate3d(100%,0,0)
- }
- .wux-animate--fadeInUp-enter {
- transition: opacity .3s,transform .3s;
- opacity: 0;
- transform: translate3d(0,100%,0)
- }
- .wux-animate--fadeInUp-enter-active,
- .wux-animate--fadeInUp-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInUp-exit {
- transition: opacity .3s,transform .3s;
- opacity: 1;
- transform: none
- }
- .wux-animate--fadeInUp-exit-active,
- .wux-animate--fadeInUp-exit-done {
- opacity: 0;
- transform: translate3d(0,100%,0)
- }
- .wux-animate--slideInUp-enter {
- transition: transform .3s;
- transform: translate3d(0,100%,0);
- visibility: visible
- }
- .wux-animate--slideInUp-enter-active,
- .wux-animate--slideInUp-enter-done {
- transform: translateZ(0)
- }
- .wux-animate--slideInUp-exit {
- transition: transform .3s;
- transform: translateZ(0)
- }
- .wux-animate--slideInUp-exit-active,
- .wux-animate--slideInUp-exit-done {
- transform: translate3d(0,100%,0);
- visibility: visible
- }
- .wux-animate--slideInDown-enter {
- transition: transform .3s;
- transform: translate3d(0,-100%,0);
- visibility: visible
- }
- .wux-animate--slideInDown-enter-active,
- .wux-animate--slideInDown-enter-done {
- transform: translateZ(0)
- }
- .wux-animate--slideInDown-exit {
- transition: transform .3s;
- transform: translateZ(0)
- }
- .wux-animate--slideInDown-exit-active,
- .wux-animate--slideInDown-exit-done {
- transform: translate3d(0,-100%,0);
- visibility: visible
- }
- .wux-animate--slideInLeft-enter {
- transition: transform .3s;
- transform: translate3d(-100%,0,0);
- visibility: visible
- }
- .wux-animate--slideInLeft-enter-active,
- .wux-animate--slideInLeft-enter-done {
- transform: translateZ(0)
- }
- .wux-animate--slideInLeft-exit {
- transition: transform .3s;
- transform: translateZ(0)
- }
- .wux-animate--slideInLeft-exit-active,
- .wux-animate--slideInLeft-exit-done {
- transform: translate3d(-100%,0,0);
- visibility: visible
- }
- .wux-animate--slideInRight-enter {
- transition: transform .3s;
- transform: translate3d(100%,0,0);
- visibility: visible
- }
- .wux-animate--slideInRight-enter-active,
- .wux-animate--slideInRight-enter-done {
- transform: none
- }
- .wux-animate--slideInRight-exit {
- transition: transform .3s;
- transform: none
- }
- .wux-animate--slideInRight-exit-active,
- .wux-animate--slideInRight-exit-done {
- transform: translate3d(100%,0,0);
- visibility: visible
- }
- .wux-animate--zoom-enter {
- transition: all .3s cubic-bezier(.215,.61,.355,1);
- opacity: .01;
- transform: scale(.75)
- }
- .wux-animate--zoom-enter-active,
- .wux-animate--zoom-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--zoom-exit {
- transition: all .25s linear;
- transform: none
- }
- .wux-animate--zoom-exit-active,
- .wux-animate--zoom-exit-done {
- opacity: .01;
- transform: scale(.75)
- }
- .wux-animate--punch-enter {
- transition: all .3s cubic-bezier(.215,.61,.355,1);
- opacity: .01;
- transform: scale(1.35)
- }
- .wux-animate--punch-enter-active,
- .wux-animate--punch-enter-done {
- opacity: 1;
- transform: none
- }
- .wux-animate--punch-exit {
- transition: all .25s linear;
- transform: none
- }
- .wux-animate--punch-exit-active,
- .wux-animate--punch-exit-done {
- opacity: .01;
- transform: scale(1.35)
- }
|