Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
hwq
/
mh
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Tree: a00827cb2e
Branches Tags
mh
/
unpackage
/
dist
/
build
/
mp-weixin
/
components
/
prize-flying.wxss

prize-flying.wxss 3.5 KB
Lịch sử Raw

1 
  1. .prize-flying{z-index:99;width:200rpx;position:absolute;bottom:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.prize-flying .fly-prize{text-align:center;position:absolute;top:100%;opacity:0;width:78rpx;height:78rpx;background-repeat:no-repeat!important;background-size:100% 100%!important;border-radius:50%;background:#fff;border:1px solid #3277ff;padding:14rpx}.prize-flying .fly-left{left:0;z-index:5;-webkit-animation:flyleft;animation:flyleft}.prize-flying .fly-center{left:60rpx;z-index:3;-webkit-animation:flycenter;animation:flycenter}.prize-flying .fly-right{right:0;z-index:5;-webkit-animation:flyright;animation:flyright}@-webkit-keyframes flyleft{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}50%{-webkit-transform:scale(1.9) translateX(-40px) translateY(-340%);transform:scale(1.9) translateX(-40px) translateY(-340%)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes flyleft{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}50%{-webkit-transform:scale(1.9) translateX(-40px) translateY(-340%);transform:scale(1.9) translateX(-40px) translateY(-340%)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-webkit-keyframes flycenter{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}34%{opacity:0}50%{-webkit-transform:scale(1.9) translateX(0) translateY(-340%);transform:scale(1.9) translateX(0) translateY(-340%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flycenter{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}34%{opacity:0}50%{-webkit-transform:scale(1.9) translateX(0) translateY(-340%);transform:scale(1.9) translateX(0) translateY(-340%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes flyright{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}34%{opacity:0}50%{-webkit-transform:scale(1.9) translateX(40px) translateY(-340%);transform:scale(1.9) translateX(40px) translateY(-340%)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}@keyframes flyright{0%{-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0);opacity:.6}5%{-webkit-transform:scale(1) translateX(0) translateY(-80%);transform:scale(1) translateX(0) translateY(-80%);opacity:.8}20%{opacity:1}30%{opacity:.2}32%{opacity:0;visibility:hidden}34%{opacity:0}50%{-webkit-transform:scale(1.9) translateX(40px) translateY(-340%);transform:scale(1.9) translateX(40px) translateY(-340%)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
    2.