사용자
flyant(비교)
| r1560 vs r1561 | ||
|---|---|---|
| ... | ... | |
| 16 | 16 | .num-8 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(pink 80%, #000 0)} |
| 17 | 17 | .num-9 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 90%, #000 0)} |
| 18 | 18 | |
| 19 | .hyphen {display:inline-block;width:50px;height:80px;border:1px solid gray;background:linear-gradient(#000 45%, #fff 0, #fff 55%, #000 0)} | |
| 20 | . | |
| 19 | .num-hyphen {display:inline-block;width:50px;height:80px;border:1px solid gray;background:linear-gradient(#000 45%, #fff 0, #fff 55%, #000 0)} | |
| 20 | .num-dummy {display:flex;width:40px;height:40px} | |
| 21 | 21 | |
| 22 | 22 | .num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;border:1px solid gray} |
| 23 | 23 | .num-align {margin:auto} |
| 24 | .num-margin {margin-top: -52px} | |
| 24 | 25 | .num-hide {display:none} |
| 25 | 26 | }}} |
| 26 | 27 | |
| 27 | 28 | {{{#!wiki class="n0" |
| 28 | 29 | }}}{{{#!wiki class="n1" |
| 29 | 30 | }}}{{{#!wiki class="n2" |
| 30 | }}}{{{#!wiki class="hyphen num-hide" | |
| 31 | }}}{{{#!wiki class="num-hyphen num-hide" | |
| 31 | 32 | }}}{{{#!wiki class="n3" |
| 32 | 33 | }}}{{{#!wiki class="n4" |
| 33 | 34 | }}}{{{#!wiki class="n5" |
| 34 | 35 | }}}{{{#!wiki class="n6" |
| 35 | }}}{{{#!wiki class="hyphen num-hide" | |
| 36 | }}}{{{#!wiki class="num-hyphen num-hide" | |
| 36 | 37 | }}}{{{#!wiki class="n7" |
| 37 | 38 | }}}{{{#!wiki class="n8" |
| 38 | 39 | }}}{{{#!wiki class="n9" |
| ... | ... | |
| 65 | 66 | {{{#!wiki class="num-align" |
| 66 | 67 | 8}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8;remove-class,n@index1@,num-hide" |
| 67 | 68 | {{{#!wiki class="num-align" |
| 68 | 9}}}}}}}}}{{{#!wiki class="num-flex" | |
| 69 | 9}}}}}}}}}}}}{{{#!wiki class="num-flex" | |
| 70 | {{{#!wiki class="num-button" onclick="remove-class,num-group-0,num-hide;add-class,num-group-1,num-hide;add-class,num-group-2,num-hide;add-class,num-group-3,num-hide;add-class,num-group-4,num-hide;add-class,num-group-5,num-hide;add-class,num-group-6,num-hide;add-class,num-group-7,num-hide;add-class,num-group-8,num-hide;add-class,num-group-9,num-hide;add-class,n0,num-hide;add-class,n1,num-hide;add-class,n2,num-hide;add-class,n3,num-hide;add-class,n4,num-hide;add-class,n5,num-hide;add-class,n6,num-hide;add-class,n7,num-hide;add-class,n8,num-hide;add-class,n9,num-hide;add-class,n10,num-hide" | |
| 69 | 71 | {{{#!wiki class="num-align" |
| 72 | C}}}}}}{{{#!wiki class="num-group-@index1@" | |
| 73 | {{{#!wiki class="num-align" | |
| 70 | 74 | {{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9;remove-class,n@index1@,num-hide" |
| 71 | 75 | {{{#!wiki class="num-align" |
| 72 | 0}}}}}}}}}}}} | |
| 73 | ||
| 76 | 0}}}}}}}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;add-class,n@index1@,num-hide" | |
| 74 | 77 | {{{#!wiki class="num-align" |
| 75 | ||
| 76 | ||
| 77 | ||
| 78 | ←}}}}}}}}} | |
| 78 | ←}}}}}}}}} | |
| 79 | 79 | }}} |
| 80 | 80 | |
| 81 | 81 | |
| 82 | 82 | |
| 83 | 83 | |
| 84 | ||
| 84 | 85 | 수 입력 |
| 85 | 86 | 1. num1을 누름 |
| 86 | 87 | 2. 첫째 자리에 수가 나타남 |
| ... | ... |