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