带有渐变的CSS3动画
真的没有办法使用CSS为渐变背景设置动画吗？
就像是：
@-webkit-keyframes pulse {
0% {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
}
50% {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(222,252,255)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
}
100% {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1, rgb(240,240,240)));
}
}
我知道，对于Safari 5.1+和Chrome 10+，有一个新的渐变语法，但是现在，对于该项目，我必须坚持使用旧的语法。
问题答案：
Webkit渐变尚不支持过渡。它已在规格中，但尚无法使用。
（ps，如果您仅执行颜色转换-您可能要签出-webkit-filters-可以进行动画处理！）
更新：渐变过渡显然可以在IE10 +中使用
-
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。 CSS3 定义了两种类型的渐变（gradients）： 线性渐变（Linear Gradient
-
什么是渐变？ 渐变显示两种或多种颜色的组合，如下所示 - 渐变的类型 线性渐变（向下/向上/向左/向右/对角线） 径向梯度 线性渐变 线性渐变用于以线性格式（如从上到下）排列两种或更多种颜色。 从上到下 <html> <head> <style> #grad1 { height: 100px; background
-
问题内容： RGBA是非常有趣的，所以是，和呃… …是啊。:) 有没有一种方法可以将RGBA和渐变这两者结合起来，以便使用当前/最新的CSS规范可以实现alpha透明度的渐变。 问题答案： 是。您可以在webkit和moz渐变声明中使用rgba： （src） （src） 显然，您甚至可以使用奇怪的“扩展十六进制”语法在IE中执行此操作。第一组（在示例55中）指的是不透明度级别： （src）
-
问题内容： 我需要创建一个侧面带有三角形的按钮（例如 **http://css-tricks.com/triangle-breadcrumbs/** ），并带有线性垂直渐变和边框，并且我想使用纯CSS3。我需要45度的“三角形”就可以了，我只是这样写 并将该伪元素的一半隐藏在.button下（因此，只有另一半可见，如三角形）。 但是，如果我需要另一个角度（例如，更陡峭的角度），则无法使用标准XY进
-
我正在尝试将checkstyle添加到我的中。 Checkstyle模板是的，可以从这里访问。
-
问题内容： 以下代码的Opera和IE替代品是什么？ 注意 ，我已经测试了以下规则。所有浏览器都支持它们。但是它们是垂直渐变。谁能帮我将它们修改为水平的？ 问题答案： background-image: -ms-linear-gradient(right, #0c93C0, #FFF); background-image: -o-linear-gradient(right, #0c93C0, #F