| r1521 vs r1522 | ||
|---|---|---|
| ... | ... | |
| 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 | 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 | ||
| 10 | .ac-box-t {color:#fff;width:200px;padding:15px 20px;background:conic-gradient(from 30deg at 0 50%, transparent 120deg, #f00 0), conic-gradient(from 210deg at 100% 50%, transparent 120deg, #f00 0), conic-gradient(from 30deg at 1px 50%, transparent 120deg, #0f0 0), linear-gradient(#0ff 1.5px, transparent 0, transparent calc(100% - 1.5px), #0ff 0)} | |
| 9 | 11 | }}} |
| 10 | 12 | |
| 11 | || {{{#!wiki class="ac-box- | |
| 13 | || {{{#!wiki class="ac-box-t" | |
| 12 | 14 | 텍스트텍텍스트}}} || |
| 13 | 15 | |
| 14 | 16 | |
| ... | ... |