您当前的位置: 首页 >  css3

暂无认证

  • 5浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

详解:39 css3新增颜色属性 hsl hsla rgb rgba

发布时间:2020-07-25 00:53:21 ,浏览量:5

Document
		
"box1">
"box2">
"box3">
"box4">
"box5">
"box6">
"box7">
"box8">

在这里插入图片描述 在这里插入图片描述

opacity: .5; filter: alpha(opacity=50); 

为什么要联合写,因为filter: alpha(opacity=50);只有ie支持,其他浏览器不支持,opacity: .5;这个ie不支持这个。其他浏览器都支持。 两个都写的话,那哪一个浏览器都支持了呀。

background-color: rgba(0,0,0,0.5); 

最后一个是透明度,0~1之间的透明度。

0(0%)为透明,1不透明(100%)。

background-color: hsl(0,100%,50%); 

HSL即是代表色调,饱和度,亮度三个通道的颜色. h:Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色. s:Saturation(饱和度)。 取值为0%到100%之间的值; e:Lightness(亮度)。 取值为0%到100%之间的值; 最后的a代表透明度。与rgba的a一样的取值。

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.7325s