多语言展示
当前在线:1742今日阅读:60今日分享:41

CSS3中的颜色

css3中的颜色,透明度,渐变,重复线性渐变。
工具/原料

电脑,DW软件

方法/步骤
1

颜色:rgb / hsl / 颜色英文单词 / #十六进制r(红色),g(绿色),b(蓝色)h(色调),s(饱和度),l(亮度)

2

透明度:rgba  /  hsla  /  opacity  a(透明度)opacity需要兼容例子:opacity:0.5;filter:alpha(opacity=50);

3

渐变色彩一:线性渐变linear-gradient(渐变角度,渐变开始颜色,渐变结束颜色)

4

渐变色彩一:径向渐变radial-gradient(渐变形状,渐变形状大小 at 渐变圆心位置,渐变颜色...)渐变形状:circle 圆 / ellipse 椭圆渐变形状大小:直径渐变圆心位置:left / center / right / top / bottom / px / %

5

重复线性渐变:repeating-linear-gradient(渐变角度,渐变开始颜色,大小,渐变结束颜色,大小)

6

举例说明:

注意事项

渐变形状大小:第一个值是水平直径,第二值是垂直直径

推荐信息