4-12 Opacity函数-rgba()函数
本节编程练习不计算学习进度,请电脑登录imooc.com操作

Opacity函数-rgba()函数

在前面介绍 RGB 函数一节中,还记得吗?有一个 rgba() 函数可以创建一个颜色,同时还可以对颜色修改其透明度。其可以接受两个参数,第一个参数为颜色,第二个参数是你需要设置的颜色透明值

>> rgba(red,.5)
rgba(255, 0, 0, 0.5)
>> rgba(#dedede,.5)
rgba(222, 222, 222, 0.5)
>> rgba(rgb(34,45,44),.5)
rgba(34, 45, 44, 0.5)
>> rgba(rgba(33,45,123,.2),.5)
rgba(33, 45, 123, 0.5)
>> rgba(hsl(33,7%,21%),.5)
rgba(57, 54, 50, 0.5)
>> rgba(hsla(33,7%,21%,.9),.5)
rgba(57, 54, 50, 0.5)

任务

小伙伴们,你能说出下面函数运行的结果吗?

  1. >> rgba(blue,.8)
  2.  
  3. >> rgba(#ababab,.8)
  4.  
  5. >> rgba(rgb(12,34,55),.8)
  6.  
  7. >> rgba(rgba(12,23,123,.2),.8)
  8.  
  9. >> rgba(hsl(66,5%,56%),.8)
  10.  
  11. >> rgba(hsla(66,5%,56%,.9),.8)
  12.  
下一节