Skip to content

Commit 7bb9743

Browse files
committed
ideas/radial-gradients: [Examples Shootout]
1 parent c13afd7 commit 7bb9743

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

ideas/radial-gradients.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ moving the center via <bg-position> does not move it relative to the whole ellip
104104
===== Examples Shootout =====
105105

106106
^ Sample ^ Syntax A ^ Syntax B ^
107-
| [[http://www.bradclicks.com/cssplay/radial-equivelance.html|Similar Math for Both]] | ''radial-gradient(contain, black 100%, red 100%)'' | ''radial-gradient(black 100%, red 100%)'' |
107+
| [[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%)'' |
108108
| [[http://www.bradclicks.com/cssplay/radial-gradient/OrangeCircle.png|Color stops based on image dimensions, with full coverage]] | ''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%)'' |
109109
| [[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%)'' |
110110
| Hearts Grid |<code> background:

0 commit comments

Comments
 (0)