CSS两种设置透明度方式:

  • opacity :设置背景透明度

  • rgba():设置颜色透明度

     1.opacity
     属性的效果是给背景颜色添加透明度,取值范围是0~1,
     但也会让处于背景颜色中的字体一同透明,
     单用效果很好
     
     2.rgba():
     R:红色值。正整数 (0~255)
     G:绿色值。正整数 (0~255)
     B:蓝色值。正整数(0~255)
     A:透明度。取值0~1之间
     rgba()也可以添加背景颜色和透明度,但这个透明效果并不会影响到
     其他元素,比如文字
    

两种透明效果也只是锦上添花,过渡加上动画会很又立体感。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐