CSS之动态的渐变色盒子

在写页面的时候总会是按钮块，因个人工作本内容，这些按钮需要很醒目。所以就做了写动态彩色的按钮。直接上代码！

HTML

/* html /
div class="rainbow">彩虹屁</div>

CSS

这里呢做了一些浏览器的兼容。

/* css /
.rainbow {
width: 200px;
height:60px;background: linear-gradient(to right,#ff03da,#ee4474);
animation: changes 0.5s ease infinite;
-moz-animation: changes 0.5s ease infinite;
-o-animation: changes 0.5s ease infinite;
-webkit-animation: changes 0.5s ease infinite;
}
@keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03da,#ee4474);
    }
    50%{
        background: linear-gradient(to right,#ee4474,#ff03da);
    }
    100%{
        background: linear-gradient(to right,#ff03da,#ee4474);
    }
}
@-moz-keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03da,#ee4474);
    }
    50%{
        background: linear-gradient(to right,#ee4474,#ff0