epmet-resi-rizhao/wux/animation-group/index.wxss

.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)
}