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

标签 javascript css gradient

我不是指任何淡入/淡出动画。我想知道是否有任何疯狂的 future CSS 属性、技术或 JS 插件来实现这种效果:

enter image description here

提前致谢!

最佳答案

对于整个内容,我认为最好的选择是使用带有 CSS 转换的 mask-image 属性:

-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

关于javascript - 使用 CSS/JS 渐变淡出一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54507178/

相关文章:

javascript - 如何使菜单链接返回到索引页面并滑动到特定高度?

css - 边框中的背景渐变?

javascript 如何获取父类构造函数参数

javascript - 执行功能的滚动条高度指示器

javascript - -- 请求的资源上不存在 'Access-Control-Allow-Origin' header 。因此不允许访问 Origin 'http://localhost:8100'

javascript - 带有 JS 的响应式/自适应 Web 的图像

html - CSS 在 Chrome 中不起作用,但在 Firefox 中起作用

css - 背景图像 css 顶部和底部的透明渐变

javascript - 如何从文件中导出多个对象

javascript - 如何使用 redux 对项目进行排序