| r222 vs r223 | ||
|---|---|---|
| 1 | {{{#!wiki style="width:600px;height:300px;border:1px solid gray;background:no-repeat 0% 0%/250px 100px linear-gradient(to left bottom, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%), no-repeat 100% 0%/250px 100px linear-gradient(to right bottom, skyblue calc(50% - 10px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 50px), blue 0%), no-repeat 0% 100%/250px 100px linear-gradient(to right bottom, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%), no-repeat 100% 100%/250px 100px linear-gradient(to right top, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%)" | |
| 1 | {{{#!wiki style="width:600px;height:300px;border:1px solid gray;background:no-repeat 0% 0%/250px 100px linear-gradient(to left bottom, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%), no-repeat 100% 0%/250px 100px linear-gradient(to right bottom, skyblue calc(50% - 10px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 50px), blue 0%), no-repeat 0% 100%/250px 100px linear-gradient(to right bottom, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%), no-repeat 100% 100%/250px 100px linear-gradient(to right top, skyblue calc(50% - 30px), gray 0%, gray 50%, red 0%, red calc(50% + 20px), gray 0%, gray calc(50% + 30px), blue 0%), linear-gradient(90deg, transparent calc(50% - 30px), red 0%, red calc(50% + 30px), transparent 0%)" | |
| 2 | 2 | }}} |
| 3 | 3 | |
| 4 | 4 | |
| ... | ... |