2010-04-12 16 views
18

Sé que hay -webkit-gradient y -moz-linear-gradient. Pero, ¿cuál es la forma estándar de definir un degradado?¿Existe una sintaxis de gradiente CSS3 "oficial"/estándar?

Me gusta están: -webkit-border-radius y -moz-border-radius y el estándar está destinado a ser border-radius.

+1

Aquí está la sintaxis estándar, que ahora es adoptada por IE10, FF16 + y Opera12 + (Webkit pronto a seguir, a partir de diciembre '12): http://dev.w3.org/csswg/css3-images/#linear -gradients – c69

Respuesta

4

Todavía no, los dos ejemplos que proporcionó son los únicos degradados codificados disponibles hasta el momento, hasta donde yo sé. La mayoría de las mejoras de CSS3 están documentadas en CSS3.info

2

Es bueno que no hay ningún navegador tiene todavía "normalizado" en una sintaxis linear-gradient sin embargo, ya que ha cambiado entre febrero de 2011 y enero de 2012:

Desde valores CSS Imagen y reemplazaba al contenido Módulo Nivel 3

W3C Working Draft 17 February 2011

5.1.1. ‘Lineal-gradiente()’ sintaxis

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

W3C Working Draft 12 January 2012:

4.1.1. -lineal de gradiente() Sintaxis

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

Para responder a su pregunta:

No, no hay ninguna norma manera de especificar gradientes.

Esto se debe a que no existe una norma

E incluso si se asume la "estándar" es el "estándar" que fue, en efecto, cuando se hizo la pregunta, entonces no hay ningún navegador compatible con el "estándar" porque el "estándar" cambió y ningún navegador admite el nuevo estándar.

+1

¡Gracias por la lección! Necesitamos un periódico para mantenernos al día con la sintaxis de gradiente. – JohnK

+0

Puede que aún no sea un estándar ya que no ha alcanzado el estado de Recomendación W3C, pero sigue siendo más o menos 'oficial' porque es parte de la especificación 'oficial' W3C :) –

Cuestiones relacionadas