•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

사용자:flyant(비교)

r1865 vs r1866
11
{{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px'
2
}}}{{{#!if
23
}}}{{{#!style
34
.sd-slider {width:100%;height:@HandleSize@;background:linear-gradient(90deg, #f0f5 calc((@HandleSize@ / 2) - (@SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))), #f0f5 0), radial-gradient(circle closest-side at calc(@DotSize@ / 2) 50%, #0f0a calc(@DotSize@ / 2), transparent 0)calc((@HandleSize@ / 2) - (@DotSize@ / 2)) 50%/calc((100% / @Subdivision@) - ((@HandleSize@ / 2) / (@Subdivision@ / 2))) 100%, no-repeat linear-gradient(#a00a, #a00a)50% 50%/calc(100% - @HandleSize@) @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc((@HandleSize@ / 2) - (@SliderSize@ / 2)) 50%/@SliderSize@ @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))) 50%/@SliderSize@ @SliderSize@, linear-gradient(#00a, #00a)}
45
56
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:50% 0}
67
7
.handle-hitbox {display:inline-block;width:calc(100% / (@Subdivision@ + 1));height:@HandleSize@;border:1px solid red}
8
.sd-handle-hitbox {display:inline-block;width:calc(100% / (@Subdivision@ + 1));height:@HandleSize@;border:1px solid red}
89
9
.sd-hitbox-size-l {width:calc(90% / (@Subdivision@ + 1))}
10
.sd-hitbox-size-m {}
11
.sd-hitbox-size-s {}
10
.sd-handle-edge-hitbox {width:calc(90% / (@Subdivision@ + 1))}
1211
1312
.sd-bg {background:#0a05}
1413
.sd-hide {display:none}
1514
}}}{{{#!wiki class="sd-slider"
1615
{{{#!wiki class="sd-handle"
17
{{{#!wiki class="handle-hitbox h0 sd-hitbox-size-l sd-bg"
16
17
{{{#!wiki class="sd-handle-hitbox h00 @EdgeHitBox@"
1818
}}}{{{#!if Subdivision >= 1
19
{{{#!wiki class="handle-hitbox h01"
19
{{{#!wiki class="sd-handle-hitbox h01 @EdgeHitBox@"
2020
}}}}}}{{{#!if Subdivision >= 2
21
{{{#!wiki class="handle-hitbox h02"
21
{{{#!wiki class="sd-handle-hitbox h02 @EdgeHitBox@"
2222
}}}}}}{{{#!if Subdivision >= 3
23
{{{#!wiki class="handle-hitbox h03"
23
{{{#!wiki class="sd-handle-hitbox h03 @EdgeHitBox@"
2424
}}}}}}{{{#!if Subdivision >= 4
25
{{{#!wiki class="handle-hitbox h04"
25
{{{#!wiki class="sd-handle-hitbox h04 @EdgeHitBox@"
2626
}}}}}}{{{#!if Subdivision >= 5
27
{{{#!wiki class="handle-hitbox h05"
27
{{{#!wiki class="sd-handle-hitbox h05 @EdgeHitBox@"
2828
}}}}}}{{{#!if Subdivision >= 6
29
{{{#!wiki class="handle-hitbox h06"
29
{{{#!wiki class="sd-handle-hitbox h06 @EdgeHitBox@"
3030
}}}}}}{{{#!if Subdivision >= 7
31
{{{#!wiki class="handle-hitbox h07"
31
{{{#!wiki class="sd-handle-hitbox h07 @EdgeHitBox@"
3232
}}}}}}{{{#!if Subdivision >= 8
33
{{{#!wiki class="handle-hitbox h08"
33
{{{#!wiki class="sd-handle-hitbox h08 @EdgeHitBox@"
3434
}}}}}}{{{#!if Subdivision >= 9
35
{{{#!wiki class="handle-hitbox h09"
35
{{{#!wiki class="sd-handle-hitbox h09 @EdgeHitBox@"
3636
}}}}}}{{{#!if Subdivision >= 10
37
{{{#!wiki class="handle-hitbox h10"
37
{{{#!wiki class="sd-handle-hitbox h10 @EdgeHitBox@"
3838
}}}}}}
3939
}}}}}}
4040
......