animation css

/*弹出选择样式*/
.select-panel{
  z-index: 200;
  position: fixed;
  bottom: -600rpx;
  left: 0;
  width: 750rpx;
  height: 600rpx;
  background-color:white;
}

.show{
  animation: showPanel 0.5s ease 1 forwards;
}

.hide{
  animation: hidePanel 0.5s ease 1 forwards;
}

@keyframes showPanel{
  from{
    opacity: 0;
    bottom: -600rpx;
  }
  to{
    opacity: 1;
    bottom: 0rpx;
  }
}

@keyframes hidePanel{
  from{
    opacity: 1;
    bottom: 0rpx;
  }
  to{
    opacity: 0;
    bottom: -600rpx;
  }
}