详情
评论
问答

子比主题 – 网站进入Loading加载动画(两款)

这是一款给进入网站进行一个Loading加载动画样式,我觉得这个样式还是不错的,我这里分享两款加载动画,喜欢的自行部署吧!

第一款

image

第二款

image

教程:

下面代码需要替换svg链接!!!

将下面的CSS放到:子比主题–>>自定义CSS样式即可!

/*加载动画*/
body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image:https://www.cm(替换svg链接);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    animation: fadeOut 3s;
    animation-fill-mode: forwards;
    -webkit-transition: fadeOut 3s;
    transition: fadeOut 2s;
    pointer-events: none
}

@keyframes fadeOut {
    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

svg图标下载

tengfei_down (1)

tengfei_down

温馨提示:文章具有时效性,若有错误或已失效,请在下方留言或联系站长
© 版权声明

THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容