| r913 vs r914 | ||
|---|---|---|
| ... | ... | |
| 3 | 3 | display:inline-block;border:1px solid #71030C;border-radius:5%;overflow:hidden |
| 4 | 4 | } |
| 5 | 5 | .z-1 { |
| 6 | display:flex;width:25px;height:25px;background:linear-gradient(#71030C 50%, #B8112B 0)center / 80% 80%, conic-gradient(from -45deg, #DF8E7B 90deg, transparent 0, transparent 180deg, #7B0C12 0, #7B0C12 270deg, transparent 0), linear-gradient(#71030C, #C31B35);background-repeat:no-repeat | |
| 6 | display:flex;width:25px;height:25px;background:linear-gradient(#71030C, #C51633 47%, #C51633 0, #C51633 50%, #B8112B 0)center / 80% 80%, conic-gradient(from -45deg, #DF8E7B 90deg, transparent 0, transparent 180deg, #7B0C12 0, #7B0C12 270deg, transparent 0), linear-gradient(#71030C, #C31B35);background-repeat:no-repeat | |
| 7 | 7 | } |
| 8 | 8 | .z-2 { |
| 9 | 9 | margin:auto;width:80%;height:80%;background:no-repeat radial-gradient(closest-side, #E46471, transparent)50% 150% / 100% 50% |
| 10 | 10 | } |
| 11 | .z-3 { | |
| 12 | margin-top: -50%;width:100%;height:100%;background:no-repeat radial-gradient(closest-side, #E46471, transparent)50% 180% / 100% 50% | |
| 13 | } | |
| 11 | 14 | }}} |
| 12 | 15 | |
| 13 | 16 | {{{#!wiki class="z-0" |
| 14 | 17 | {{{#!wiki class="z-1" |
| 15 | 18 | {{{#!wiki class="z-2" |
| 16 | }}}}}}}}} | |
| 19 | {{{#!wiki class="z-3" | |
| 20 | }}}}}}}}}}}} | |
| 17 | 21 | |
| 18 | 22 | |
| 19 | 23 | |
| ... | ... |