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

Opacity函数-opacify()、fade-in()函数

这两个函数是用来对已有颜色的透明度做一个加法运算,会让颜色更加不透明。其接受两个参数,第一个参数是原始颜色,第二个参数是你需要增加的透明度值,其取值范围主要是在 0~1 之间。当透明度值增加到大于 1 时,会以 1 计算,表示颜色不具有任何透明度。

>> opacify(rgba(22,34,235,.6),.2)
rgba(22, 34, 235, 0.8)
>> opacify(rgba(22,34,235,.6),.5)
#1622eb
>> opacify(hsla(22,34%,23%,.6),.15)
rgba(79, 53, 39, 0.75)
>> opacify(hsla(22,34%,23%,.6),.415)
#4f3527
>> opacify(red,.15)
#ff0000
>> opacify(#89adde,.15)
#89adde
>> fade-in(rgba(23,34,34,.5),.15)
rgba(23, 34, 34, 0.65)
>> fade-in(rgba(23,34,34,.5),.615)
#172222


其中 fade-in( ) 函数又名 fade_in() 函数。其所起作用等效。

任务

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

  1. >> opacify(blue,.5)
  2.  
  3. >> opacify(#67abde,.5)
  4.  
  5. >> fade-in(rgba(13,56,89,.5),.15)
  6.  
  7. >> fade-in(rgba(13,56,89,.5),.615)
  8.  
下一节