css3按钮背景色无限过渡

Question

有没有办法只使用 css3 使按钮的背景颜色从灰色渐变为蓝色然后变回灰色？一个很好的例子是默认操作按钮是 cocoa ？我知道这可以在 javascript 中完成，但我宁愿为此只使用 css。

Answer 1

您好，我已经通过 CSS3 动画制作了按钮，请看一下，希望它接近您的问题:-

HTML

<input type="submit" value="submit" class="button" />

CSS

.button {
    width:100px;
    height:20px;
    background:red;
    animation:myfirst 5s;
    -moz-animation:myfirst 5s infinite; /* Firefox */
    -webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
}

@-moz-keyframes myfirst /* Firefox */ {
    0% {background:red;}
    50% {background:yellow;}
    100% {background:red;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {background:red;}
    50% {background:yellow;}
    100% {background:red;}
}

查看演示:- http://jsbin.com/osohak/7/edit

阅读更多关于 CSS3 过渡和动画的信息 http://css3.bradshawenterprises.com/cfimg/