downTimer.wxss 907 B

123456789101112131415
  1. .cardOverUsers{height: 60rpx; font-size: 24rpx; position: fixed; top: 180rpx; left: 30rpx; color: #fff; background: rgba(0,0,0,.5); border-radius: 32rpx; padding: 4rpx 30rpx 4rpx 4rpx; z-index: 9999;}
  2. /* .cardOverUsers-index::after{content: ''; width: 12rpx; height: 12rpx; display: inline-block; border-top:2rpx solid #fff; border-right: 2rpx solid #fff; transform: rotate(45deg);} */
  3. .in{animation: in 1s ease .5s 1 both;}
  4. .out{animation: out 1s ease .5s 1 both;}
  5. .cardOverUsers-head{margin-right:20rpx; width: 60rpx; height: 60rpx; vertical-align: middle; border: 0 none; border-radius: 32rpx;}
  6. .red{color: #EE3A43}
  7. .subtitleColor{color: #AFDBF6!important}
  8. @keyframes in{
  9. from{opacity:0;transform:translate3d(0,100%,0);top: 200rpx;}
  10. to{opacity:1;transform:none;top:180rpx;}
  11. }
  12. @keyframes out{
  13. from{opacity:1;transform:none;top:180rpx;}
  14. to{opacity:0;transform:translate3d(0,-100%,0);top: 140rpx;}
  15. }