| r1502 vs r1503 | ||
|---|---|---|
| ... | ... | |
| 3 | 3 | }}}{{{#!style |
| 4 | 4 | .ac-box {padding:5px 20px;background:no-repeat conic-gradient(at 0% @lalign@%, transparent @tangle@deg, red 0, red calc(90deg + @bangle@deg), transparent 0)0 50%/50% 100%, no-repeat conic-gradient(at 100% @ralign@%, transparent calc(180deg + @bangle@deg), red 0, red calc(270deg + @tangle@deg), transparent 0)100% 0/50% 100%, no-repeat linear-gradient(red, red)50% 50%/2px 100%} |
| 5 | 5 | |
| 6 | .ac-box-a {padding:5px 30px 5px calc(30px + 3px);background:no-repeat conic-gradient(from 30deg at 0% | |
| 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 | 8 | }}} |
| 9 | 9 | |
| ... | ... |