借助background-color实现渐变过渡
background-image虽然不支持CSS3 transition过渡 ， 但是background-color支持啊 ， 于是 ， 通过控制背景颜色 ， 和一个颜色呈现技巧 ， 我们也是可以实现渐变过渡效果的 。
鼠标hover前后效果对比：
借助伪元素和opacity实现渐变过渡
借助伪元素创建变换后的渐变效果 ， 通过改变覆盖的渐变的opacity透明度变化实现渐变过渡效果 。
下图为hover之后的效果：
相关代码如下：
扩展资料：mozilla 使用 CSS transitions

文章插图

• 汽车钣金是什么 汽车钣金是什么颜色的
• 章鱼的血液是什么颜色 章鱼的血液是什么颜色的图片
• 假翡翠手镯特征 颜色鲜艳的假翡翠手镯
• 可乐最初颜色 可乐最初颜色变化
• 微信朋友圈字体颜色 微信朋友圈字体颜色在哪调
• 染发什么颜色好看 妈妈染发什么颜色好看
• 染什么颜色 染什么颜色不掉色
• 章鱼的血液为什么是蓝色的 章鱼血液的颜色为什么是蓝色
• 如何用ps加深字体颜色 怎样用ps把字体颜色加深
• 屏幕取色器哪个好 取色器可以取屏幕上所有对象的颜色吗