ideas/radial-gradients: [Examples Shootout]

Author: bkemper

ideas/radial-gradients.txt

@@ -105,7 +105,7 @@ moving the center via <bg-position> does not move it relative to the whole ellip
 
 ^ Sample ^ Syntax A ^ Syntax B ^
 | [[http://www.bradclicks.com/cssplay/radial-equivelance.html|Similar Math for Both]] | ''radial-gradient(black 70.7%, red 70.7%, yellow)'' | ''radial-gradient(black 100%, red 100%, yellow 141%)'' |
-| [[http://www.bradclicks.com/cssplay/radial-gradient/OrangeCircle.png|Color stops based on image dimensions, with full coverage]] | ''radial-gradient(red, black 35.35%, orange 35.35%, orange 70.7%, black 70.7%, red) or radial-gradient(contain, red, black 50%, orange 50%, orange 100%, black 100%, red 142%)'' | ''radial-gradient(red, black 50%, orange 50%, orange 100%, black 100%, red 142%)'' |
+| [[http://www.bradclicks.com/cssplay/radial-gradient/OrangeCircle.png|Color stops based on image dimensions, with full coverage]] | ''radial-gradient(red, black 35.35%, orange 35.35%, orange 70.7%, black 70.7%, red)'' or ''radial-gradient(contain, red, black 50%, orange 50%, orange 100%, black 100%, red 142%)'' | ''radial-gradient(red, black 50%, orange 50%, orange 100%, black 100%, red 142%)'' |
 | [[http://www.bradclicks.com/cssplay/impossible-radial-gradient.png|Quarter circle that goes full width]] | Can't be done unless width is known.  You can only make circles that size to the farthest side, whether it's horizontal or vertical. | ''radial-gradient(from top left, circle, yellow, red 100%, black 100%)'' |
 | Hearts Grid |<code> background: 
   radial-gradient(60% 43%, 25px 25px, #b03 99%, transparent),