动态背景颜色纯css

代码：

<div class="batten">

<span><a target="_blank" href="网址">内容显示区域</a></span>

</div>

动态背景颜色纯css代码：

.batten{

    padding:0 15px;

    margin-bottom: 15px;

    background: linear-gradient(to right,white,orange,yellow,blue);

    font-weight:bold;

    animation:  hue 3s linear infinite;

}

@keyframes hue {

    0% {

        filter: hue-rotate(0deg);

    }

    100% {

        filter: hue-rotate(360deg);

    }

}

.batten a{

    color: #666; 

}