mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%);
mask-image 属性用于定义一个遮罩,它可以隐藏元素的一部分或全部内容。在这个示例中,我们使用 mask-image 属性来定义一个线性渐变的遮罩,使得列表项的内容在鼠标悬停时从完全不透明到完全透明的过程中渐变。列表项的内容会从下至上逐渐变暗,直到完全隐藏。
效果如下
mask-image 属性用于定义一个遮罩,它可以隐藏元素的一部分或全部内容。在这个示例中,我们使用 mask-image 属性来定义一个线性渐变的遮罩,使得列表项的内容在鼠标悬停时从完全不透明到完全透明的过程中渐变。列表项的内容会从下至上逐渐变暗,直到完全隐藏。
html:
<div id="loading"><img src="images/common/loading.gif" alt=""></div>
css:
/*加载中*/
#loading{
position: fix..
background:#74F195;
background:-webkit-linear-gradient(left,#74F195,#C8FF9A);
background:-o-linear-gradient(right,#74F195,#C8FF9A);
background:-moz-linear-gradient(right,#74F195,#C8FF9
background: rgb(242,35,36) url("user.jpg") no-repeat;
rgba(242,35,36,0.7)
/*设置颜色透明度为0.7*/
2,opacity模式
opacity:0
React Native启动Xcode报错(Mac环境) Xcode must be fully installed before you can continue. Continue to the
Web_Lys:
Electron无感打印 静默打印(vue3 + ts + vite)
ha_lydms:
Electron无感打印 静默打印(vue3 + ts + vite)
全栈小5:
Electron无感打印 静默打印(vue3 + ts + vite)
2401_84419493:
【正则】整理一些有用的正则
CSDN-Ada助手:
React Native启动Xcode报错(Mac环境) Xcode must be fully installed before you can continue. Continue to the
Electron无感打印 静默打印(vue3 + ts + vite)
【移动端】解决移动端H5 IOS安卓 长按弹出拷贝/复制(关闭浏览器的默认长按机制)