사용자:flyant(비교)

{{{#!style

.red-button: {

}

.red-button:active {

}

}}}

{{{#!wiki style="width:120px;height:120px;background:linear-gradient(transparent 10%, #ccc 0, #ccc 68%, #aaa, gray 72%, gray 0);text-align:center"

{{{#!wiki style="display:inline-block;width:100px;height:calc(100px/2)"

{{{#!wiki style="float:left;width:inherit;height:inherit;background-color:#fff;border:2px solid red;border-radius:50%;overflow:hidden"

{{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(closest-side at 50% 50%, red 100%, #fff 0);background-position:20% 100%;background-size:98% 98%"

}}}}}}{{{#!wiki style="width:inherit;height:inherit;margin-top:20%"

{{{#!wiki style="width:inherit;height:inherit;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:no-repeat linear-gradient(90deg, #f00, #a00);background-position:50% 100%;background-size:100% 90%"

{{{#!wiki style="display:inline-block;width:100px;height:calc(100px/2)"

{{{#!wiki style="width:inherit;height:inherit"

{{{#!wiki style="float:left;width:inherit;height:inherit;background-color:#fff;border:2px solid red;border-radius:50%;overflow:hidden"

{{{#!wiki style="width:inherit;height:inherit;background:no-repeat radial-gradient(closest-side at 50% 50%, red 100%, #fff 0);background-position:20% 100%;background-size:98% 98%"

}}}}}}{{{#!wiki style="width:inherit;height:inherit;margin-top:20%"

{{{#!wiki style="width:inherit;height:inherit;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:no-repeat linear-gradient(90deg, #f00, #a00);background-position:50% 100%;background-size:100% 0%"

{{{#!style

.borderbutton {

display:inline-block;padding:5px 10px;border:10px groove red