| r1520 vs r1521 | ||
|---|---|---|
| ... | ... | |
| 5 | 5 | |
| 6 | 6 | .ac-box-b {color:#fff;width:200px;padding:15px 20px;background:no-repeat conic-gradient(from 225deg at 100% 100%, #fff 90deg, transparent 0)calc(100% - 21.5px) 0/calc(100% - 40px) 2px, no-repeat conic-gradient(from 225deg at 100% 0%, #fff 90deg, transparent 0)calc(100% - 21.5px) 100%/calc(100% - 32px) 2px, no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 225deg at 100% 50%, #435 90deg, transparent 0)calc(100% - 5.31px) 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 70%, #fff 120deg, transparent 0)3px 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 calc(70% + 1px), #fff 120deg, transparent 0)0 calc(70% - 1px)/60% calc(100% - 5px)} |
| 7 | 7 | |
| 8 | .ac-box-c {color:#fff;padding:20px;background:conic-gradient(from 45deg at 0 50%, #fff 90deg, transparent 0)} | |
| 8 | .ac-box-c {color:#fff;aspect-ratio:1/1;padding:20px;background:no-repeat conic-gradient(from 135deg at 50% 0, #fff 90deg, transparent 0)50% 0/100% 50%, no-repeat conic-gradient(from 315deg at 50% 100%, #fff 90deg, transparent 0)50% 100%/100% 50%, no-repeat conic-gradient(from 45deg at 0 50%, #fff 90deg, transparent 0)0 0/50% 100%, no-repeat conic-gradient(from 225deg at 100% 50%, #fff 90deg, transparent 0)100% 0/50% 100%} | |
| 9 | 9 | }}} |
| 10 | 10 | |
| 11 | 11 | || {{{#!wiki class="ac-box-c" |
| ... | ... |