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
举例说明:
注意事项
渐变形状大小:第一个值是水平直径,第二值是垂直直径
上一篇:清新卖萌小韩妆的化法
下一篇:如何打造自然又甜美的约会状