| r1312 vs r1313 | ||
|---|---|---|
| 1 | {{{#!wiki style="width:200px;height:200px;background:gray" | |
| 2 | {{{#!wiki style="width:100%;height:100%;background:no-repeat radial-gradient(circle, transparent 50px, #fff 0)50% 50% / 50% 50%" | |
| 3 | }}} | |
| 4 | }}} | |
| 5 | 1 | |
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 | ||
| 11 | ||
| 12 | ||
| 13 | ||
| 14 | ||
| 15 | ||
| 16 | {{{#!if bg = "gray", x = "300px", y = "300px", t = "10", C = x - t * 2, F = y - t * 2 | |
| 2 | {{{#!if bg = "gray", x = "300px", y = "300px", t = "10", C = x - t * 2, F = y - t * 2, rx = x / 2 - t * 2, ry = y / 2 - t * 2 | |
| 17 | 3 | {{{#!wiki style="display:inline-block;border:10px solid @bg@" |
| 18 | 4 | {{{#!wiki style="width:@x@;height:@y@;background:linear-gradient(red, blue)" |
| 19 | {{{#!wiki style="width:@x@;height:@y@;background:no-repeat radial-gradient(farthest-side at 0 0, @bg@ 100%, transparent 0)@t@px @t@px/ | |
| 5 | {{{#!wiki style="width:@x@;height:@y@;background:no-repeat radial-gradient(farthest-side at 0 0, @bg@ 100%, transparent 0)@t@px @t@px/@rx@px @ry@px, no-repeat radial-gradient(farthest-side at 100% 0, @bg@ 100%, transparent 0)calc(@x@ / 2 + @t@px) @t@px/@rx@px @ry@px, no-repeat radial-gradient(farthest-side at 100% 100%, @bg@ 100%, transparent 0)calc(@x@ / 2 + @t@px) calc(@y@ / 2 + @t@px)/@rx@px @ry@px, no-repeat radial-gradient(farthest-side at 0% 100%, @bg@ 100%, transparent 0)@t@px calc(@y@ / 2 + @t@px)/@rx@px @ry@px" | |
| 20 | 6 | {{{#!wiki style="width:@x@;height:@y@" |
| 21 | 7 | {{{#!wiki style="display:inline-block;width:@t@px;height:100%" |
| 22 | 8 | {{{#!wiki style="width:@t@px;height:@t@px;background:@bg@" |
| ... | ... |