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