| r299 vs r300 | ||
|---|---|---|
| 1 | 1 | {{{#!wiki style="width:300px;height:300px;background:linear-gradient(90deg, #fff 11.25%, transparent 0), conic-gradient(from 45deg at 45% 50%, yellow 90deg, transparent 0), conic-gradient(from 225deg at 85% 50%, transparent 90deg, #0ff 0), conic-gradient(from 45deg at 0% 50%, blue 90deg, transparent 0)" |
| 2 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat linear-gradient(90deg, transparent 85%, gray 0)" | |
| 3 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat linear-gradient(transparent 35%, gray 0, gray 65%, transparent 0);background-size:80% 100%;background-position:100% 100%" | |
| 2 | 4 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(farthest-side, #f00 100%, transparent 0);background-size:31.82% 31.82%;background-position:calc(31.82% - 22%) 50%" |
| 3 | 5 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(farthest-side, #0f0 100%, transparent 0);background-size:31.82% 31.82%;background-position:53.75% 5.68%" |
| 4 | 6 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(farthest-side, #f00 100%, transparent 0);background-size:31.82% 31.82%;background-position:53.75% calc(100% - 5.68%)" |
| 5 | 7 | {{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(farthest-side, #f00 100%, transparent 0);background-size:30% 30%;background-position:100% 50%" |
| 6 | }}}}}}}}}}}}}}} | |
| 8 | }}}}}}}}}}}}}}}}}}}}} | |
| 7 | 9 | |
| 8 | 10 | |
| 9 | 11 | {{{#!wiki style="width:200px;height:200px;border-radius:15%;border:3px solid red;background:linear-gradient(#fff, #f0f 25%, #f0f 75%, #000)" |
| ... | ... |