首页个人动态开发笔记投稿

一个简单而且美观大气的css加载动画

小樊

发布时间:2021-03-2712:34

直接将以下代码放到需要用到的地方即可

.yjz {
    position: absolute;
    top: 45%;
    left: 50%;
    display: block;
    margin-left: -16px;
    width: 1px;
    height: 1px;
    border: 20px solid rgb(255,0,0,1);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-animation: spin 1.5s infinite;
    -moz-animation: spin 1.5s infinite;
    animation: spin 1.5s infinite;
}

标签:
热门评论 (共1条)