为了账号安全,请及时绑定邮箱和手机立即绑定

请问css如何实现div层背景颜色渐变的代码?

请问css如何实现div层背景颜色渐变的代码?

MMMHUHU 2018-07-06 14:06:37
div背景颜色怎样渐变 css实现div层背景颜色渐变代码
查看完整描述

1 回答

?
富国沪深

TA贡献1790条经验 获得超9个赞

借助background-position实现渐变过渡

background-image虽然不支持CSS3 transition过渡,但是background-position支持啊,于是,通过控制背景位置,我们是可以实现渐变过渡效果的。

实现效果如下(鼠标hover):

借助background-color实现渐变过渡

background-image虽然不支持CSS3 transition过渡,但是background-color支持啊,于是,通过控制背景颜色,和一个颜色呈现技巧,我们也是可以实现渐变过渡效果的。

鼠标hover前后效果对比:

借助伪元素和opacity实现渐变过渡

借助伪元素创建变换后的渐变效果,通过改变覆盖的渐变的opacity透明度变化实现渐变过渡效果。

下图为hover之后的效果:

相关代码如下:

扩展资料:mozilla 使用 CSS transitions


查看完整回答
反对 回复 2018-08-04
  • 1 回答
  • 0 关注
  • 1104 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信