/*实现文字的舞台灯光效果*/
.shine {
    width: 1000px;
    text-align: center;
    background: -webkit-linear-gradient(left, red, #00f) 0 0 no-repeat; /*设置线性渐变*/
    -webkit-background-clip: text; /*背景被裁剪到文字*/
    -webkit-background-size: 160px;
    -webkit-text-fill-color: #c0c4ccc9; /*设置文字的填充颜色*/
    -webkit-animation: shine 2s infinite; /*设置动画*/
}

@-webkit-keyframes shine { /*创建动画*/
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 100%;
    }
}

/*实现文字的闪烁效果*/
.flicker {
    color: #13547a;
    font-weight: bolder; /*设置字体粗细*/
    -webkit-animation: flicker 2s infinite; /*设置动画*/
}

@-webkit-keyframes flicker { /*创建动画*/
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}