温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS 3 颜色属性

发布时间:2020-07-13 22:38:02 来源:网络 阅读:431 作者:Hello_Prudence 栏目:开发技术

======================================================================================

CSS 3 颜色属性


1. rgba (rgb, a(透明度));


2. HSL (色相[0-360],饱和度[0-100%],亮度[0-100%])

CSS 3 颜色属性

CSS 3 颜色属性

CSS 3 颜色属性


3. HSLa


=====================================================================================

opacity ----- 设置不透明度 [0-1]

   ****一个元素的opacity属性会应用到这个元素本身以及这个元素所有的子孙元素上

CSS 3 颜色属性

CSS 3 颜色属性

=====================================================================================

颜色渐变


1.线性渐变

    background: linear-gradient(to bottom, red ,yellow); 

                                //渐变方向/角度,第一种颜色,第二种颜色,...

     关键字表示方向: left,right,top,bottom;

                left top, right top, left bottom, right bottom

     用数字表示角度: 0--360   单位 deg


2.径向渐变

    background: radial-gradient(渐变形状(可选)、大小 at 位置,颜色一,颜色二)

渐变形状:circle(圆形) 、 ellipse(椭圆形—默认)

        大小: 长度(px)\ 百分数 (80% 20%)

        位置:center\left\right\bottom\top\top left\top right\bottom left\bottom right







向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI