2010-04-12 6 views
18

Ich weiß, es gibt -webkit-gradient und -moz-linear-gradient. Aber wie definiert man einen Gradienten?Gibt es eine "offizielle"/standardmäßige CSS3-Gradientensyntax?

Wie gibt es: -webkit-border-radius und -moz-border-radius und der Standard soll border-radius sein.

+1

Hier ist die Standardsyntax, die nun von IE10, FF16 + und Opera12 + übernommen wird (Webkit wird in Kürze folgen, ab Dezember '12): http://dev.w3.org/csswg/css3-images/#linear -gradienten – c69

Antwort

4

Noch nicht, die zwei Beispiele, die Sie zur Verfügung gestellt haben, sind die einzigen kodierten Gradienten, soweit ich weiß. Die meisten Verbesserungen CSS3 ist dokumentiert auf CSS3.info

2

Es ist gut, kein Browser auf einer linear-gradient Syntax noch noch „standardisiert“ hat, da es zwischen Februar 2011 und Januar 2012 geändert:

Von CSS Bildwerten und Inhalt des Moduls: Ersetzt 3

W3C Working Draft 17 February 2011

5.1.1. ‚Linear-Gradienten()‘ Syntax

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

W3C Working Draft 12 January 2012:

4.1.1. lineare Gradienten() Syntax

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

Um Ihre Frage zu beantworten:

Nein, es gibt keinen Standard Weg Gradienten angeben.

Dies ist, weil es keinen Standard

Und selbst wenn Sie der „Standard“ übernehmen ist der „Standard“, dass war in Kraft, wenn Sie die Frage gestellt, dann ist kein Browser die unterstützt "Standard", weil sich der "Standard" geändert hat und kein Browser den neuen Standard unterstützt.

+1

Danke für den Unterricht! Wir brauchen eine Zeitung, um mit der Gradientensyntax mitzuhalten. – JohnK

+0

Es mag noch kein Standard sein, da es noch nicht den W3C-Empfehlungsstatus erreicht hat, aber es ist immer noch mehr oder weniger "offiziell", weil es Teil der "offiziellen" W3C-Spezifikation ist :) –