CSS过渡与背景渐变

Question

我正在学习CSS3的动画/过渡,但在这段代码中过渡不起作用......为什么？

HTML:

<div id="test">
</div>

CSS:

#test {
    background-color: #333;
    background-image: -webkit-linear-gradient(top, #333, #666);
    width: 100px;
    height: 100px;
    -webkit-transition: background 1s linear;
}

#test:hover {
    background-image: -webkit-linear-gradient(top, #666, #999);
}

http://jsfiddle.net/LLRfN/

Answer 1

这对我来说是应该的。有几件事，如果您希望它在其他浏览器中工作，则这只适用于 google chrome：

这是一个发电机

这是一个解释

编辑

抱歉，我没有意识到transition那里有财产。在进行了一些谷歌搜索并自己尝试了一些东西之后，很明显背景渐变的过渡是不可能的......但是。

这是一篇关于如何通过一点技巧让它工作的好文章

http://nimbupani.com/some-css-transition-hacks.html