css金色文字loading加载动画效果代码

代码语言:html

所属分类:加载滚动

代码描述:css金色文字loading加载动画效果代码

代码标签: css 文字 加载 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        body{
        background: #2b2b2b;
        margin: 0;
        padding: 0;
    }
    .loader {
    
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateeX(-50%) translateY(-50%);
    }
    .loader span{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: rgb(255, 255, 255,.1);
        display: inline-block;
        transition: all .5s;
        animation: animate 2s infinite;
    }
    .loader span:nth-child(1){
        animation-delay: .1s;
    }
    .loader span:nth-child(2){
        animation-delay: .2s;
    }
    .loader span:nth-child(3){
        animation-delay: .3s;
    }
    .loader span:nth-child(4){
        animation-delay: .4s;
    }
    .loader span:nth-child(5){
        animation-delay: .5s;
    }
    .loader span:nth-chil.........完整代码请登录后点击上方下载按钮下载查看

网友评论0