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 );
scale( 0.5 , 0.5 )
scale( 2 ,2 )

4、超出隐藏
【旋转改变位置】 degree 度
transform : rotateX( 180deg );
rotateY( 180deg )
rotateZ( 180deg )
transform-origin 旋转原点
transform-origin :

【perspective 透视：近大远小】
父标签上
perspective : 500px;