在写页面的时候总会是按钮块,因个人工作本内容,这些按钮需要很醒目。所以就做了写动态彩色的按钮。直接上代码!
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