CSS透明半透明與transition過渡效果

CSS透明半透明與transition過渡效果

長沙中公優(yōu)就業(yè)      2022-05-02 04:49:01     17

CSS透明半透明與transition過渡效果,　一、CSS透明與半透明　　1、CSS3 整體透明　　opacity ： 1 ; 透明度　　filter : alpha( opacity = 100 ); 老舊瀏覽器　　IE8

課程價格 請咨詢

上課時段： 授課校區(qū)：

詳細(xì)介紹

　一、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 過渡(適用于數(shù)值變化 )

　　【隱藏，顯示標(biāo)簽】

　　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、超出隱藏

　　【旋轉(zhuǎn)改變位置】 degree 度

　　transform : rotateX( 180deg );

　　rotateY( 180deg )

　　rotateZ( 180deg )

　　transform-origin 旋轉(zhuǎn)原點

　　transform-origin :

　　【perspective 透視：近大遠(yuǎn)小】

　　父標(biāo)簽上

　　perspective : 500px;

培訓(xùn)啦提醒您：交易時請核實對方資質(zhì)，對于過大宣傳或承諾需謹(jǐn)慎！任何要求預(yù)付定金、匯款等方式均存在風(fēng)險，謹(jǐn)防上當(dāng)。