微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css top 20 不透明

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 top 20 不透明

以上就是CSS中20个不同不透明度的设置方法,通过设定元素的opacity属性值可以实现不透明效果。需要注意的是,设定不同的值时需要进行测试,以获取理想的视觉效果

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。