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

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

长沙中公优就业      2022-05-02 04:49:01     17

CSS透明半透明与transition过渡效果, 一、CSS透明与半透明  1、CSS3 整体透明  opacity : 1 ; 透明度  filter : alpha( opacity = 100 ); 老旧浏览器  IE8

课程价格 请咨询

上课时段: 授课校区:

详细介绍

 一、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;

学分高考提醒您:交易时请核实对方资质,对于过大宣传或承诺需谨慎!任何要求预付定金、汇款等方式均存在风险,谨防上当。