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

时间:2012-02-17 20:59:27

标签: css css3 css-transitions

  

可能重复:
  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中是否可能?

1 个答案:

答案 0 :(得分:0)

渐变颜色在任何浏览器中都不具有动画效果/可转换性,尽管规范说它们应该是。

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