css - 线性渐变过渡在 CSS3 中不起作用

标签 css css-transitions

我正在尝试向图像添加过渡,但它不起作用。
这是代码。

 .img-4:link,
 .img-4:visited{

  background-image : linear-gradient(#blah,#blah),url(blah);
  transition : background 0.3s linear;
  }

 .img-4:hover,
 .img-4:active{

  background-image : url(blah);
  }

最佳答案

您可以使用 keyframesbackground-image 以外的东西上创建动画,因为这不起作用。您可以使用的属性可能会受到限制,具体取决于您想要的动画类型。

关于css - 线性渐变过渡在 CSS3 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44255912/

相关文章:

css - 在过渡期间删除元素之间的空白空间

jquery - 延迟一个接一个地淡入div

html - CSS 模糊效果不起作用

javascript - 通过单击方向按钮在容器内移动图像?

javascript - C3 js 分组条形图排序和修复 y 轴问题

html - 在 h 标签内添加按钮时出现奇怪的边框粗细

css - css中的补间是什么?

左 -> 右和顶部 -> 底部位置之间的 CSS 过渡

html - CSS 位置转换和显示 :none

javascript - 如何组合css选择器