2022-05-28 613
CSS 不透明度 透明度,设置图片文字不透明度
opacity 属性指定元素的不透明度/透明度。
opacity 属性的取值范围为 0.0-1.0。值越低,越透明:
opacity 0.2
opacity 0.5
opacity 1
实例
img { opacity: 0.5; }
opacity 属性通常与 :hover 选择器一同使用,这样就可以在鼠标悬停时更改不透明度:
实例
img { opacity: 0.5; }
第一个 CSS 块类似于实例 1 中的代码。此外,我们还添加了当用户将鼠标悬停在其中一个图像上时的效果。在这种情况下,当用户将鼠标悬停在图像上时,我们希望图像不透明。这条 CSS 是 opacity:1;。
当鼠标指针离开图像时,图像将再次透明。
反向悬停效果的例子:
实例
img:hover { opacity: 0.5; }
原文链接:https://77isp.com/post/999.html
=========================================
https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。
数据库技术 2022-03-28
网站技术 2022-11-26
网站技术 2023-01-07
网站技术 2022-11-17
Windows相关 2022-02-23
网站技术 2023-01-14
Windows相关 2022-02-16
Windows相关 2022-02-16
Linux相关 2022-02-27
数据库技术 2022-02-20
抠敌 2023年10月23日
嚼餐 2023年10月23日
男忌 2023年10月22日
瓮仆 2023年10月22日
簿偌 2023年10月22日
扫码二维码
获取最新动态