| r1506 vs r1507 | ||
|---|---|---|
| ... | ... | |
| 5 | 5 | |
| 6 | 6 | .ac-box-a {padding:5px 30px 5px calc(30px + 3px);background:no-repeat conic-gradient(from 30deg at 0% 70%, blue 120deg, transparent 0)calc(2.31px + 3px) 60%/60% calc(100% - 4px), no-repeat conic-gradient(from 210deg at 100% 70%, blue 120deg, transparent 0)calc(100% - 2.31px) 50%/60% calc(100% - 4px), no-repeat conic-gradient(from 30deg at 0% 70%, red 120deg, transparent 0)calc(0% + 3px) 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 70%, red 120deg, transparent 0)100% 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0% 70%, cyan 120deg, transparent 0)0 50%/60% calc(100% - 6px)} |
| 7 | 7 | |
| 8 | .ac-box-b {padding:5px 30px | |
| 8 | .ac-box-b {padding:5px 30px;background:no-repeat linear-gradient(90deg, transparent 17px, red 0, red calc(100% - 9px), transparent 0)0 0/100% 2px, no-repeat linear-gradient(90deg, transparent 9px, red 0, red calc(100% - 17px), transparent 0)0 100%/100% 2px, no-repeat conic-gradient(from 30deg at 0 70%, blue 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 30%, blue 120deg, transparent 0)calc(100% - 5.31px) 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 70%, red 120deg, transparent 0)3px 50%/60% 100%, no-repeat conic-gradient(from 210deg at calc(100% - 3px) 30%, red 120deg, transparent 0)100% 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), no-repeat conic-gradient(from 210deg at 100% calc(30% - 1px), #fff 120deg, transparent 0)100% calc(30% + 1px)/60% calc(100% - 5px)} | |
| 9 | 9 | }}} |
| 10 | 10 | |
| 11 | 11 | || {{{#!wiki class="ac-box-b" |
| ... | ... |