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;