更新時間:2019-08-07 17:09:34 來源:動力節點 瀏覽5045次
一、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;
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習