18

-webkit-gradientとがあることを知ってい-moz-linear-gradientます。しかし、グラデーションを定義する標準的な方法は何ですか?

あるように: -webkit-border-radiusand-moz-border-radiusそして、標準は であることを意図していますborder-radius。

4

3 に答える 3

15

2011年のアップデートであるMozilla構文は、 CSS3ImageValuesおよびReplacedContentWorkingDraftで採用された「公式」構文になりました。Webkitもこの構文を使用するように更新され、これがChromeとSafariの最新バージョンに組み込まれました。

于 2011-03-26T01:04:20.293 に答える
4

まだ、あなたが提供した 2 つの例は、私が知る限り、まだ利用可能な唯一のコード化されたグラデーションです。CSS3 の改善点のほとんどは、CSS3.infoに記載されています。

于 2010-04-12T11:39:12.707 に答える
2

linear-gradient2011 年 2 月から 2012 年 1 月にかけて構文が変更されて以来、まだ構文を「標準化」していないブラウザーはありません。

CSS 画像値と置換されたコンテンツ モジュール レベル 3から

W3C ワーキング ドラフト 2011 年 2 月 17 日

5.1.1. 「線形勾配()」構文

<linear-gradient> = linear-gradient(
[ 
  [ [top | bottom] || [left | right] ] 
  | 
  <angle>
,]? 
<color-stop>[, <color-stop>]+
);

W3C ワーキング ドラフト 2012 年 1 月 12 日:

4.1.1. 線形勾配() 構文

<linear-gradient> = linear-gradient(
  [ [ <angle> | to <side-or-corner> ] ,]? 
  <color-stop>[, <color-stop>]+
)

あなたの質問に答えるには：

いいえ、グラデーションを指定する標準的な方法はありません。

基準がないからこうなる

また、 「標準」が質問したときに有効だった「標準」であると仮定しても、「標準」が変更され、ブラウザが新しい標準をサポートしていないため、「標準」をサポートするブラウザはありません。

于 2012-03-24T13:01:32.473 に答える