css3 background-image linear-gradient渐变色 transition 无效

如题所述

第1个回答 2022-07-12

在开发过程中遇到一个需求，要实现渐变色的背景之间的过渡切换，而css3的transition属性对于background-image不生效

想了很久之后，想到一个办法，利用两个div来设置不同的渐变的背景色，再通过改变div的透明度，实现渐变色之间的过渡，效果还不错

（图片被压缩了效果看起来没这么好，可以点击查看原图）

相似回答

css3 线性渐变和css3过渡一起用没效果了?还是我语法错误,请大神回答...答：css：body{margin: 0;padding: 0;}.gavin_design div{width: 200px;height: 200px;margin: 20px auto;}.no{background: #ccc;-webkit-transition: all 2s linear;}.no:hover{background: #f60;}.line{position: relative;background: -webkit-linear-gradient(top,#f60,#47CC38);}.line_g...

大家正在搜

backgroundrepeat transitioncss3多个 html5transition background在html Web background js中transition background1 background0 background应用