CSS透明半透明与transition过渡效果

更新时间:2023-07-28 04:27:13 阅读: 评论:0

CSS透明半透明与transition过渡效果
⼀、CSS透明与半透明
1、CSS3 整体透明
opacity : 1 ; 透明度三对角行列式
filter : alpha( opacity = 100 ); ⽼旧浏览器
IE8 -
2、CSS3 颜⾊透明
#RRGGBB
rgb( 255, 255, 255)
rgba( 255 , 255 , 255 , 1 ) alpha 透明度
3、png图⽚
⼆、transition 过渡(适⽤于数值变化 )
【隐藏,显⽰标签】
逐梦青春筑梦未来1、直接隐藏
display: none ;
显⽰
display: block / inline / inline-block ;厅级干部待遇
2、opacity: 0 ;高一历史必修一
opacity: 1 ;
3、缩放
transform 变形
transform : scale( 1,1 );qq客服人工电话
scale( 0.5 , 0.5 )
柏联温泉
scale( 2 ,2 )
送东阳马升序
4、超出隐藏
【旋转改变位置】 degree 度作怎么组词
transform : rotateX( 180deg );
rotateY( 180deg )
rotateZ( 180deg )
transform-origin 旋转原点
transform-origin :
【perspective 透视:近⼤远⼩】
⽗标签上
perspective : 500px;

本文发布于:2023-07-28 04:27:13,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1121114.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:旋转   隐藏   透明   半透明   过渡   电话
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图