diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-14 12:18:12 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-14 12:18:12 -0500 |
commit | 869dd2069c695ee7040cd3261713212155819f42 (patch) | |
tree | 320a95de75a89686a9df006b90d923aa7fa0d551 /files/zh-cn/web/css/gradient | |
parent | a5fcfafb665e96cae5d04dfba927db8dcdfd7f14 (diff) | |
download | translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.gz translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.bz2 translated-content-869dd2069c695ee7040cd3261713212155819f42.zip |
final dump 2020-12-14
Diffstat (limited to 'files/zh-cn/web/css/gradient')
-rw-r--r-- | files/zh-cn/web/css/gradient/index.html | 26 |
1 files changed, 14 insertions, 12 deletions
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 <p>颜色值沿着一条隐式的直线逐渐过渡。由{{cssxref("linear-gradient", "linear-gradient()")}}产生。</p> <div class="hidden"> -<pre class="brush: html"><div class="linear-gradient">Linear gradient</div> +<pre class="brush: html notranslate"><div class="linear-gradient">Linear gradient</div> </pre> -<pre class="brush: css">div { +<pre class="brush: css notranslate">div { width: 240px; height: 80px; }</pre> </div> -<pre class="brush: css">.linear-gradient { +<pre class="brush: css notranslate">.linear-gradient { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); }</pre> @@ -44,16 +44,16 @@ translation_of: Web/CSS/gradient <p>颜色值由一个中心点(原点)向外扩散并逐渐过渡到其他颜色值。由{{cssxref("radial-gradient", "radial-gradient()")}}函数产生。</p> <div class="hidden"> -<pre class="brush: html"><div class="radial-gradient">Radial gradient</div> +<pre class="brush: html notranslate"><div class="radial-gradient">Radial gradient</div> </pre> -<pre class="brush: css">div { +<pre class="brush: css notranslate">div { width: 240px; height: 80px; }</pre> </div> -<pre class="brush: css">.radial-gradient { +<pre class="brush: css notranslate">.radial-gradient { background: radial-gradient(red, yellow, rgb(30, 144, 255)); } </pre> @@ -67,18 +67,18 @@ translation_of: Web/CSS/gradient <p>重复多次渐变图案直到足够填满指定元素。由 {{cssxref("repeating-linear-gradient", "repeating-linear-gradient()")}}和{{cssxref("repeating-radial-gradient", "repeating-radial-gradient()")}}函数产生。</p> <div class="hidden"> -<pre class="brush: html"><div class="linear-repeat">Repeating linear gradient</div> +<pre class="brush: html notranslate"><div class="linear-repeat">Repeating linear gradient</div> <br> <div class="radial-repeat">Repeating radial gradient</div> </pre> -<pre class="brush: css">div { +<pre class="brush: css notranslate">div { width: 240px; height: 80px; }</pre> </div> -<pre class="brush: css">.linear-repeat { +<pre class="brush: css notranslate">.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 <h2 id="浏览器兼容性"><font face="x-locale-heading-primary, zillaslab, Palatino, Palatino Linotype, x-locale-heading-secondary, serif"><span style="font-size: 40px;"><strong>浏览器兼容性</strong></span></font></h2> -<p>每一种渐变都有不同的兼容性,敬请查阅特定渐变的相关文献与资料以获取更多信息。</p> +<div class="hidden">每一种渐变都有不同的兼容性,敬请查阅特定渐变的相关文献与资料以获取更多信息。</div> + +<div class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div> + +<p>{{Compat("css.types.image.gradient")}}</p> <h2 id="See_also">See also</h2> @@ -123,5 +127,3 @@ translation_of: Web/CSS/gradient <li><a href="/en-US/docs/CSS/Using_CSS_gradients" title="Using gradients">Using CSS gradients</a>,</li> <li>渐变方程:{{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()")}};</li> </ul> - -<p> </p> |