CSS中有许多种不透明度的设置方法,今天我们就来介绍一下其中排名前20的不透明度。
/* #1 - 完全不透明 */ opacity: 1; /* #2 - 99%不透明 */ opacity: 0.99; /* #3 - 96%不透明 */ opacity: 0.96; /* #4 - 90%不透明 */ opacity: 0.9; /* #5 - 80%不透明 */ opacity: 0.8; /* #6 - 70%不透明 */ opacity: 0.7; /* #7 - 60%不透明 */ opacity: 0.6; /* #8 - 50%不透明 */ opacity: 0.5; /* #9 - 40%不透明 */ opacity: 0.4; /* #10 - 30%不透明 */ opacity: 0.3; /* #11 - 20%不透明 */ opacity: 0.2; /* #12 - 10%不透明 */ opacity: 0.1; /* #13 - 9%不透明 */ opacity: 0.09; /* #14 - 8%不透明 */ opacity: 0.08; /* #15 - 7%不透明 */ opacity: 0.07; /* #16 - 6%不透明 */ opacity: 0.06; /* #17 - 5%不透明 */ opacity: 0.05; /* #18 - 4%不透明 */ opacity: 0.04; /* #19 - 3%不透明 */ opacity: 0.03; /* #20 - 2%不透明 */ opacity: 0.02;
以上就是CSS中20个不同不透明度的设置方法,通过设定元素的opacity属性值可以实现不透明效果。需要注意的是,设定不同的值时需要进行测试,以获取理想的视觉效果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。