css - 是否可以在 CSS3 中设置渐变不透明度动画?

标签 css css-transitions

<分区>

Possible Duplicate:
CSS3 animation with gradients

我有一个带有径向渐变的元素,代码如下:

background: radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);

我想从不可见过渡到可见,我相信这可以通过更改第一个 rgba 值的 alpha 值来实现。我只是不知道语法应该是什么样子。或者这在 CSS3 中甚至可能吗?

最佳答案

渐变颜色在任何浏览器中尚不可动画化/可转换,尽管规范说它们应该是。

要获得这种效果,您需要添加一个单独的“不透明度”属性,该属性从 0 过渡到 1。

关于css - 是否可以在 CSS3 中设置渐变不透明度动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9335311/

上一篇:html - 使用 Internet Explorer 将容器居中

下一篇:css - CSS 中的边框在表格中彼此重叠

相关文章:

html - 使图像变大并使 div 在悬停时滑入

javascript - 是否可以将类添加到伪元素?

html - 中心对齐仅在 IE 版本中中断

javascript - 我可以对 div 使用 onmouseover 吗?

css - mouseleave 后 z-index flex 删除

css - 使用 CSS object fit 转换 img 时出现失真

jquery - 如何使用 JQuery Mobile 格式化 ListView 中的选择

php - 删除表在 tfoot 和 thead 内的边框

css - 滚动页面时在 iPad 上使用 CSS 转换/翻译时出现故障

CSS 过渡 - 将鼠标悬停在父级上、影响子级、将鼠标悬停在子级上