javascript - 使用 CSS/JS 渐变淡出 div

Question

我的意思不是任何淡入/淡出动画。我想知道是否有任何疯狂的未来 CSS 属性、技术或 JS 插件来实现此效果：

提前致谢！

标签： javascriptcssgradient

Answer 1

对于整个内容，我认为最好的选择是使用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)));

https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image

https://developer.mozilla.org/en-US/docs/Web/CSS/transition