연습장:삼쩌모/1: 두 판 사이의 차이
태그: 수동 되돌리기 |
|||
| 41번째 줄: | 41번째 줄: | ||
<div class="toggle inline" id="toggle-cch" data-target="collapsible-cch" style="left: calc(50% + 40px); top: 64px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CCH'''<br>6%</div> | <div class="toggle inline" id="toggle-cch" data-target="collapsible-cch" style="left: calc(50% + 40px); top: 64px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CCH'''<br>6%</div> | ||
<div class="collapsible collapsed" id="collapsible-cch" style="z-index:3; position: absolute; right: calc(50% - 40px); top: 64px; transform: translateX(-2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''서클체인지업'''}} {{등번호|CCH|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | <div class="collapsible collapsed" id="collapsible-cch" style="z-index:3; position: absolute; right: calc(50% - 40px); top: 64px; transform: translateX(-2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''서클체인지업'''}} {{등번호|CCH|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | ||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(140px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-cu" data-target="collapsible-cu" style="left: 50%; top: 140px; position: absolute; z-index:2; border: 0.1rem solid #a762cc; background: #c58ae6; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CU'''<br>7%</div> | |||
<div class="collapsible collapsed" id="collapsible-cu" style="z-index:3; position: absolute; left: 50%; top: 140px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #a762cc; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##a762cc|'''커브'''}} {{등번호|CU|{{adt|#a762cc}}}}<br>평균 126km/h<br>최고 130km/h</div></div> | |||
</div> | |||
== 우완 == | |||
<div {{style|mt-5px mb-0.8rem pos-relative h-193px}}> | |||
<div class="toggle inline" id="toggle-ff" data-target="collapsible-ff" style="left: 50%; position: absolute; z-index:2; background:var(--bg); border: 0.3rem double light-dark(#cccccc, #555555); color: {{adt|#b31b1b}}; transform: translateX(-1.9rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''FF'''<br>21%</div> | |||
<div class="collapsible collapsed" id="collapsible-ff" style="z-index:3; position: absolute; left: 50%; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.3rem double light-dark(#cccccc, #555555); padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##b31b1b|'''포심 패스트볼'''}} {{등번호|FF|{{adt|#b31b1b}}}}<br>평균 151km/h<br>최고 157km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(100px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-fs" data-target="collapsible-fs" style="left: 50%; top: 100px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''FS'''<br>10%</div> | |||
<div class="collapsible collapsed" id="collapsible-fs" style="z-index:3; position: absolute; left: 50%; top: 100px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''스플리터'''}} {{등번호|FS|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(60px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-ch" data-target="collapsible-ch" style="left: 50%; top: 60px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CH'''<br>10%</div> | |||
<div class="collapsible collapsed" id="collapsible-ch" style="z-index:3; position: absolute; left: 50%; top: 60px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''체인지업'''}} {{등번호|CH|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #3e75b0aa); transform: translateX(14px) translateY(-10px) rotate(-45deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(80px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-sl" data-target="collapsible-sl" style="left: calc(50% + 56px); top: 56px; position: absolute; z-index:2; border: 0.1rem solid #3e75b0; background: #5287bf; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''SL'''<br>10%</div> | |||
<div class="collapsible collapsed" id="collapsible-sl" style="z-index:3; position: absolute; right: calc(50% - 56px); top: 56px; transform: translateX(-2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #3e75b0; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##3e75b0|'''슬라이더'''}} {{등번호|SL|{{adt|#3e75b0}}}}<br>평균 138km/h<br>최고 143km/h</div></div> | |||
<div style="right: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(48px) translateY(-10px) rotate(-30deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(140px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-kc" data-target="collapsible-kc" style="right: calc(50% - 70px); top: 120px; position: absolute; z-index:2; border: 0.1rem solid #a762cc; background: #c58ae6; color: white; transform: translateX(1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''KC'''<br>6%</div> | |||
<div class="collapsible collapsed" id="collapsible-kc" style="z-index:3; position: absolute; right: calc(50% - 70px); top: 120px; transform: translateX(-2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #a762cc; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##a762cc|'''너클커브'''}} {{등번호|KC|{{adt|#a762cc}}}}<br>평균 122km/h<br>최고 126km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(140px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-cu" data-target="collapsible-cu" style="left: 50%; top: 140px; position: absolute; z-index:2; border: 0.1rem solid #a762cc; background: #c58ae6; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CU'''<br>7%</div> | |||
<div class="collapsible collapsed" id="collapsible-cu" style="z-index:3; position: absolute; left: 50%; top: 140px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #a762cc; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##a762cc|'''커브'''}} {{등번호|CU|{{adt|#a762cc}}}}<br>평균 126km/h<br>최고 130km/h</div></div> | |||
<div style="left: 50%; top: 2px; position: absolute; background:linear-gradient(to right, transparent, #eb4034aa); height:2rem; margin-left:auto; margin-right:auto; text-align:center; transform: translateY(0.75rem); line-height:1.1; width:calc(80px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-fc" data-target="collapsible-fc" style="left: calc(50% + 80px); top: 2px; position: absolute; z-index:2; border: 0.1rem solid #eb4034; background: #ed645a; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''FC'''<br>7%</div> | |||
<div class="collapsible collapsed" id="collapsible-fc" style="z-index:3; position: absolute; right: calc(50% - 80px); top: 2px; transform: translateX(-2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #eb4034; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##eb4034|'''커터'''}} {{등번호|FC|{{adt|#eb4034}}}}<br>평균 145km/h<br>최고 150km/h</div></div> | |||
<div style="left: calc(50% - 70px); top: 2px; position: absolute; background:linear-gradient(to left, transparent, #eb4034aa); height:2rem; margin-left:auto; margin-right:auto; text-align:center; transform: translateY(0.75rem); line-height:1.1; width:calc(70px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-ft" data-target="collapsible-ft" style="left: calc(50% - 70px); top: 2px; position: absolute; z-index:2; border: 0.1rem solid #eb4034; background: #ed645a; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''FT'''<br>10%</div> | |||
<div class="collapsible collapsed" id="collapsible-ft" style="z-index:3; position: absolute; right: calc(50% - 70px); top: 2px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #eb4034; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##eb4034|'''투심 패스트볼'''}} {{등번호|FT|{{adt|#eb4034}}}}<br>평균 148km/h<br>최고 154km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #eb4034aa); transform: translateX(-42px) translateY(-10px) rotate(45deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(80px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-si" data-target="collapsible-si" style="left: calc(50% - 56px); top: 56px; position: absolute; z-index:2; border: 0.1rem solid #eb4034; background: #ed645a; color: white; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''SI'''<br>5%</div> | |||
<div class="collapsible collapsed" id="collapsible-si" style="z-index:3; position: absolute; left: calc(50% - 56px); top: 56px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #eb4034; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##eb4034|'''싱커'''}} {{등번호|SI|{{adt|#eb4034}}}}<br>평균 146km/h<br>최고 152km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(-36px) translateY(10px) rotate(30deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(60px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-cch" data-target="collapsible-cch" style="right: calc(50% + 40px); top: 64px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CCH'''<br>6%</div> | |||
<div class="collapsible collapsed" id="collapsible-cch" style="z-index:3; position: absolute; left: calc(50% - 40px); top: 64px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''서클체인지업'''}} {{등번호|CCH|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(140px - 1.0rem);"></div> | <div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-0.95rem); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(140px - 1.0rem);"></div> | ||