0
0
青灯夜游
发布时间：2019-02-01 11:43:18
|15221人浏览过
|来源于php中文网
原创
opacity属性是用来设置一个元素不透明度级别的，通过该属性我们可以设置图片、文字、盒子模型等等的透明度。
CSS3 opacity属性
作用：检索或设置对象的不透明度。
语法：
opacity: value|inherit;
value：规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。
inherit：应该从父元素继承 opacity 属性的值。
说明：对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。
CSS3 opacity属性的使用示例
示例1：
下例是一个半透明的效果：
不透明度为100%的box不透明度为50%的box
效果图：
示例2：使用 JavaScript 来改变元素的不透明度。
请从下面的例子中选择一个值，以改变此元素的不透明度。
效果图：
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！
相关文章
css hover 时变化太生硬怎么办_利用 transition 平滑属性变化
css 想让高度变化不会突然跳变怎么办_设置高度过渡属性和缓动效果
css应该写在html哪里才规范_使用link标签引入外部css文件
css 框架中的 Semantic UI_如何使用 Semantic UI 实现语义化设计
css 想让导航栏在状态切换时平滑改变颜色怎么办_利用颜色过渡和缓动函数
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
