From 869dd2069c695ee7040cd3261713212155819f42 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Mon, 14 Dec 2020 12:18:12 -0500 Subject: final dump 2020-12-14 --- files/zh-cn/web/css/gradient/index.html | 26 ++++++++++++++------------ 1 file changed, 14 insertions(+), 12 deletions(-) (limited to 'files/zh-cn/web/css/gradient') diff --git a/files/zh-cn/web/css/gradient/index.html b/files/zh-cn/web/css/gradient/index.html index 8cb033cb7b..a27da647f1 100644 --- a/files/zh-cn/web/css/gradient/index.html +++ b/files/zh-cn/web/css/gradient/index.html @@ -21,16 +21,16 @@ translation_of: Web/CSS/gradient

颜色值沿着一条隐式的直线逐渐过渡。由{{cssxref("linear-gradient", "linear-gradient()")}}产生。

-
.linear-gradient {
+
.linear-gradient {
   background: linear-gradient(to right,
       red, orange, yellow, green, blue, indigo, violet);
 }
@@ -44,16 +44,16 @@ translation_of: Web/CSS/gradient

颜色值由一个中心点(原点)向外扩散并逐渐过渡到其他颜色值。由{{cssxref("radial-gradient", "radial-gradient()")}}函数产生。

-
.radial-gradient {
+
.radial-gradient {
   background: radial-gradient(red, yellow, rgb(30, 144, 255));
 }
 
@@ -67,18 +67,18 @@ translation_of: Web/CSS/gradient

重复多次渐变图案直到足够填满指定元素。由 {{cssxref("repeating-linear-gradient", "repeating-linear-gradient()")}}和{{cssxref("repeating-radial-gradient", "repeating-radial-gradient()")}}函数产生。

-
.linear-repeat {
+
.linear-repeat {
   background: repeating-linear-gradient(to top left,
       lightpink, lightpink 5px, white 5px, white 10px);
 }
@@ -115,7 +115,11 @@ translation_of: Web/CSS/gradient
 
 

浏览器兼容性

-

每一种渐变都有不同的兼容性,敬请查阅特定渐变的相关文献与资料以获取更多信息。

+ + + + +

{{Compat("css.types.image.gradient")}}

See also

@@ -123,5 +127,3 @@ translation_of: Web/CSS/gradient
  • Using CSS gradients,
  • 渐变方程:{{cssxref("<gradient>")}}, {{cssxref("linear-gradient", "linear-gradient()")}}, {{cssxref("radial-gradient", "radial-gradient()")}}, {{cssxref("repeating-linear-gradient", "repeating-linear-gradient()")}}, {{cssxref("repeating-radial-gradient", "repeating-radial-gradient()")}};
  • - -

     

    -- cgit v1.2.3-54-g00ecf