使用 CSS/JS 渐变淡出 div
Fade out a div with a CSS/JS gradient
我不是指任何淡入淡出 in/out 动画。想知道有没有疯狂的未来派CSS属性、technics或者JS插件来实现这个效果：
提前致谢！
是的，您可以使用 属性:
设置对象
background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0))
rgba 中的第四个参数是不透明度，这将有助于在使用 linear-gradient 时创建淡入淡出的效果。
对于整个内容，我认为最好的选择是使用 mask-image 属性 和 CSS 转换：
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
我不是指任何淡入淡出 in/out 动画。想知道有没有疯狂的未来派CSS属性、technics或者JS插件来实现这个效果：
提前致谢！
是的，您可以使用 属性:
设置对象background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0))
rgba 中的第四个参数是不透明度，这将有助于在使用 linear-gradient 时创建淡入淡出的效果。
对于整个内容，我认为最好的选择是使用 mask-image 属性 和 CSS 转换：
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));