사용자:flyant(비교)

{{{#!if ButtonSize = '50px', ButtonBdLightColor = '#ddd', ButtonBgLightColor = '#fff', ButtonArrowLightColor = '#212529', ButtonBgLightHoverColor ='#f5f5f5', ButtonBdLightActiveColor = '#0263b8', ButtonBgLightActiveColor = '#0275d8', ButtonArrowLightActiveColor = '#fff', ButtonShadowColor = '#0005'

}}}{{{#!if ButtonBdDarkColor = '#383b40', ButtonBgDarkColor = '#1c1d1f', ButtonArrowDarkColor = '#e0e0e0', ButtonBgDarkHoverColor ='#2d2f34', ButtonBdDarkActiveColor = '#bd7f14', ButtonBgDarkActiveColor = '#ec9f19', ButtonArrowDarkActiveColor = '#212529'

}}}{{{#!style

.bb-button-r:hover {background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightHoverColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightHoverColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightHoverColor@ 0)}

.bb-button-r:active {border:1px solid @ButtonBdLightActiveColor@;background:conic-gradient(from 45deg at 10% 50%, transparent 90deg, @ButtonBgLightActiveColor@ 0), conic-gradient(from 225deg at 62% 50%, @ButtonBgLightActiveColor@ 90deg, transparent 0), conic-gradient(from 225deg at 73% 50%, @ButtonArrowLightActiveColor@ 90deg, @ButtonBgLightActiveColor@ 0)}

.bb-button-l:hover {background:conic-gradient(from 225deg at 90% 50%, transparent 90deg, @ButtonBgLightHoverColor@ 0), conic-gradient(from 45deg at 38% 50%, @ButtonBgLightHoverColor@ 90deg, transparent 0), conic-gradient(from 45deg at 27% 50%, @ButtonArrowLightColor@ 90deg, @ButtonBgLightHoverColor@ 0)}

}}}

{{{#!wiki class="bb-button-l" onclick="add-class,bb-img02,bb-hide;remove-class,bb-img01,bb-hide"

{{{#!wiki class="bb-img01"

|| ㅇㅇ ||}}}{{{#!wiki class="bb-img02 bb-hide"

}}}