div+css实现情侣骑摩托车行驶loading加载动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:div+css实现情侣骑摩托车行驶loading加载动画效果代码
代码标签: div css 情侣 骑 摩托车 行驶 loading 加载 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html lang="en"> <head> <meta charset="UTF-8"> <style> #loadingPage { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #FFF; z-index: 100 } #container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 74.5px; height: 40px } .fade-transition { transition: all .3s ease } .fade-enter,.fade-leave { opacity: 0 } .percentage { position: absolute; top: 60px; color: #c1c1c1; font-size: .24rem; width: 100%; text-align: center } .a1 { animation: a_motor_man .5s linear infinite } .mo-sprite,.mo-boy,.mo-girl,.mo-mo,.mo-wheel1,.mo-wheel2 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAGNCAMAAAAvjsM/AAAC91BMVEUAAABcVVPFfnlYWFdGQ0HkdHXncYVhT07PkJXWw7fozrrPUmZURz5MLRXdqJngcYOxs7WmpqZvVVdQLxZWRjrwhJZYT0jnxqyysrLlz79VVFRXV1bt0LrFUFVXV1fufpGztLbt0LpTU1JTUlHo1MTxio5PLxZXOCBwi55zcnKzs7NVWFt1foRENSroj0bxgZRseYLuzrZVcYVznrxeXl7t0LrLWGtYV1bKVGjt0Lrt0LrPWWzulk/LV2pHKhPt0Lq1tbVWWlx6rdHzjZ7wfpGqqqrPWW1vfYfvmlVcW1vvz7zrz7ruzbTsdoryiZvt0Lqurq58sNTy8fG4uLjKyspFQkDpkEjBwcGYmJjHx8dCPz1xocKysrKqzubzkKFlZWWIiYpxfIRwf4pxfodxfof4VFr4tH3XUmHrlE3sf5FGKRPveIxtQh9xoMD2rXHKWGv6rnD6sXVxfoeOlZlSMRf7sXSgn56KwOaMyPH5snj////pkEdxRCB0RiNriZ1rQB5xRCDDc4D///9rip9xRCBddYb/Skr9SEr///+ZXS1Sh6vpnF7/Skr/Skr+6NdTMhhCPz1YWFiNyfL/qmXqfpBSUVFxfofiZnpGKBLweIzLWGv75NPpj0ZKSknFTGDrhpb6snilpaW2trVxosPu0bz0kqPoe42wsLDVW29lZGT23cpwcHB0dHTwe47w1L/ean3////44c7z18LlboLPW26lVGLzj5/7pV9cQUXxmVIeWYLYY3b2oFuOU1z/28rwipvodIftlEzz2sdsi6BxRCBNLhaIwun6mKi+vr66ubl8sdXyfpGLx+/Ix8fyhpjxg5XPz8/DwsLbw7F2qcuDuuD9obCUc1mEaFH+Skro08MwY4deQSxlPRzBqZWegGh0V0TrvZn4vIxleYZFa4Vtame1pp1mSjTiybaznIrusYCJg35De6LMs6Db3Nzbz8Xvyq39z6qdkIaUaUa9gYtYk7zOva98c2zXjFCIX2bKg0mtk3/DztSskXs5YcyrAAAAjnRSTlMAIAXd/iBTChEj/nMurAr+NswSfUp8PxrsdXPJlC/sbV5ct5FFOJxaLNPOo9DErphWK/338OHIsKafgEk/59KvqIV3V9G+i3JnYjfRvbm2i3tR+PHp6dzRw6imn5T87uPFtJSF8e7fVVPy7OPh0dC2mH0//Ou38dSmppSKzLmsoaDeycfCvp55XM3Kt7GwvKuCiQAAFbxJREFUeNrMnEloE2EUx1+iEC1RNA0Vq4i1YiJaqIqIHhQLIi7gAl5cwO0kelFRD26gXjykLiiBsaB2QJzDYOYiighGKyj1YJSWGNu6Ja21KooLLge/+b6ZeZPJGOMhb+YXpTOj0B//9743k5m08DcC0frGeVOmzJvRWB8NgC8INw47Z2fSvGWem0UnoA8yYVkITILRxgnDpoSBjrDpdBpfRmKLI6K4jZP03bZ1IaCi3hRy43RjGAIzxHbb8FNUYYXm2SXadIazF8MSO2dJUVmFJljfl+kYnBJf7GZC6hRNBYNTzIR0GQdMDr24VBOQ0MidUKgEHlgbd2KsBwqiZZ0ERlE59UBAaJgZQnms/1MHBNS3VSSFdkGoPqF1lTvRtVU9SlVGDAho+k+p4RTTKnDqP2kEAur/N6oAELD+P63qgYJ1p/5C2+k3b769eXO6jW4BIq5Gbz59TSdMlEx+8JwpFQIKIi4hfcomnEhfpzetW7c+CgS4LsFv3EkSf1BrBRASdkoNSkLKgTQXCHFmdVUynST+Sn+6enUwS20VclgN6T4YVj9v87ZMQqoBOpyT4RyWjotdtQ7LQSDDeRr8ZJZOSGX1Y/vW7jv1NaHOAkIai6wcM+GrfmzttbWn8on0eCAkWjQ97TNBMrIafD/IsqIdDSH75dWAcyR8w5VJW8L1zgLaw0r.........完整代码请登录后点击上方下载按钮下载查看
网友评论0