더시드위키
최근 변경최근 토론
특수 기능

사용자:flyant(비교)

보기RAWBlame되돌리기비교
r1512 vs r1513
11
22
{{{#!if tangle = 45, bangle = 20, lalign = 70, ralign = 70
33
}}}{{{#!style
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%}
4
.ac-box-a {color:#fff;width:200px;padding:7px 20px;background:no-repeat linear-gradient(90deg, transparent 19px, #fff 0, #fff calc(100% - 10px), transparent 0)0 0/100% 2px, no-repeat linear-gradient(90deg, transparent 10px, #fff 0, #fff calc(100% - 19px), transparent 0)0 100%/100% 2px, no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 30%, #435 120deg, 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 210deg at calc(100% - 3px) 30%, #fff 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)}
55
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
8
.ac-box-b {color:#fff;width:200px;padding:7px 20px;background:no-repeat linear-gradient(90deg, transparent 19px, #fff 0, #fff calc(100% - 10px), transparent 0)0 0/100% 2px, no-repeat linear-gradient(90deg, transparent 10px, #fff 0, #fff calc(100% - 19px), transparent 0)0 100%/100% 2px, no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 30%, #435 120deg, 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 210deg at calc(100% - 3px) 30%, #fff 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)}
6
.ac-box-b {color:#fff;width:200px;padding:7px 20px;background:no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 50%, #f00 120deg, 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)}
97
}}}
108
119
|| {{{#!wiki class="ac-box-b"
......