mozilla

Compare Revisions

linear-gradient()

Change Revisions

Revision 4785:

Revision 4785 by Sheppy on

Revision 4786:

Revision 4786 by Mvent2 on

Title:
linear-gradient
linear-gradient
Slug:
CSS/linear-gradient
CSS/linear-gradient
Tags:
css, "Gecko 1.9.2", "CSS Reference", "CSS:Mozilla Extensions", CSS3, css3-images, NeedsNewCompatTable, Fixit
css, "Gecko 1.9.2", "CSS Reference", "CSS:Mozilla Extensions", CSS3, css3-images, NeedsNewCompatTable, Fixit
Content:

Revision 4785
Revision 4786
nn182            <p>
182            <code>-webkit-gradient(linear,</code><code>…</code><c183              <code>-webkit-gradient(linear,</code><code>…</code>
>ode>)</code><br>><code>)</code><br>
183            <a class="external" href="http://developer.apple.com/184              <a class="external" href="http://developer.apple.co
>safari/library/documentation/InternetWeb/Conceptual/SafariVisualE>m/safari/library/documentation/InternetWeb/Conceptual/SafariVisua
>ffectsProgGuide/Gradients/Gradients.html" title="http://developer>lEffectsProgGuide/Gradients/Gradients.html" title="http://develop
>.apple.com/safari/library/documentation/InternetWeb/Conceptual/Sa>er.apple.com/safari/library/documentation/InternetWeb/Conceptual/
>fariVisualEffectsProgGuide/Gradients/Gradients.html">Safari Refer>SafariVisualEffectsProgGuide/Gradients/Gradients.html">Safari Ref
>ence Library, gradients</a>>erence Library, gradients</a>
185            </p>
t188    <p>t
189      Note that our syntax proposal for CSS gradients differs sig
>nificantly from WebKit's proposal: 
190    </p>
191    <ul>
192      <li>Gecko (Firefox) uses separate kinds of property values 
>to distinguish radial and linear gradients, whereas WebKit lumps  
>them into a single kind of property value and needs a leading par 
>ameter to identify the type of gradient. 
193      </li>
194      <li>Gecko requires CSS lengths for the gradient axis points
>, but WebKit uses unitless numbers representing pixels. Both WebK 
>it and Gecko support percentages and position keywords. 
195      </li>
196      <li>Gecko honors {{ Cssxref("background-repeat") }} by repe
>ating the gradient in the natural way. WebKit does not repeat gra 
>dients in this way, but instead tiles them as if they were images 
>. Since the default value of {{ Cssxref("background-repeat") }} i 
>s <code>repeat</code>, in Gecko you will often need to specify <c 
>ode>no-repeat</code> explicitly (especially for radial gradients) 
>. 
197      </li>
198    </ul>

Back to History