2022-02-16 11:23发布
一共两张图片，背景设置一张图片，上层那张图片从不透明渐变到透明，设置到0.5的时候可以模糊的看到背景图
对于这种图片渐变效果，通常在一些带背景图的卡片列表用得很多，鼠标滑入图片展示不透明度1，鼠标离开不透明度小1。
实现方案：
（透明度设置属性.opacity）
通过css3得过渡属性实现，不过这种方式控制的不够细致，不过对于这种应用场景，应该能胜任；除此之外这种方外，也可以通过帧动画属性，animation来控制数显
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 猫吃鱼 的问题《CSS或JavaScript怎样实现图片透明度渐变》','http://www.shouhuola.com/answer/37339/144503.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
对于这种图片渐变效果，通常在一些带背景图的卡片列表用得很多，鼠标滑入图片展示不透明度1，鼠标离开不透明度小1。
实现方案：
（透明度设置属性.opacity）
通过css3得过渡属性实现，不过这种方式控制的不够细致，不过对于这种应用场景，应该能胜任；除此之外这种方外，也可以通过帧动画属性，animation来控制数显
一周热门 更多>