연습장:삼쩌모/1: 두 판 사이의 차이

태그: 되돌려진 기여
 
(같은 사용자의 중간 판 55개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{삼쩌모 연습장}}{{목차}}
{{삼쩌모 연습장}}{{목차}}
== 구종차트 ==
== 좌완 ==
{{#css:
<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>
  .pitch-container {
<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>
    position: relative;
    height: 180px; /* 정보가 펼쳐질 공간 확보 */
    margin-top: 3px;
    margin-bottom: 1rem;
  }


  /* 각 구종(Circle) 기본 스타일 */
<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>
  .pitch-node {
<div class="toggle inline" id="toggle-fs" data-target="collapsible-fs" style="left: 50%; top: 102px; 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>
    position: absolute;
<div class="collapsible collapsed" id="collapsible-fs" style="z-index:3; position: absolute; left: 50%; top: 102px; 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>
    left: 50%;
    z-index: 40;
    width: 3.2rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.1;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transform: translateX(-50%);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
  }


  /* 호버 시 펼쳐지는 상세 정보 스타일 */
<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>
  .details {
<div class="toggle inline" id="toggle-ch" data-target="collapsible-ch" style="left: 50%; top: 65px; 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>
    max-height: 0;
<div class="collapsible collapsed" id="collapsible-ch" style="z-index:3; position: absolute; left: 50%; top: 65px; 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>
    opacity: 0;
    font-size: 0.75rem;
    margin-top: 4px;
    transition: all 0.3s ease-in-out;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 4px;
  }


  /* 호버 액션: 원이 커지며 정보 출력 */
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #3e75b0aa); 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>
  .pitch-node:hover {
<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>
    border-radius: 12px;
<div class="collapsible collapsed" id="collapsible-sl" 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 #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>
    height: auto;
    z-index: 100;
  }


  .pitch-node:hover .details {
<div style="left: 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>
    max-height: 50px;
<div class="toggle inline" id="toggle-kc" data-target="collapsible-kc" style="left: 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>
    opacity: 1;
<div class="collapsible collapsed" id="collapsible-kc" style="z-index:3; position: absolute; left: 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>
  }


  /* 선(Tail) 스타일 유지 */
<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>
  .pitch-line {
<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>
    position: absolute;
<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>
    left: 50%;
    width: 2rem;
    transform: translateX(-50%);
    z-index: 30;
  }
}}
<div class="pitch-container">
  <div class="pitch-node" style="top: 0; border: 0.3rem double #cccccc; color: #b31b1b; background: white;">
    <strong>4FB</strong><br>44%
    <div class="details">148.5km<br>회전 2300</div>
  </div>
 
  <div class="pitch-node" style="top: 56px; left: calc(50% - 40px); border: 0.1rem solid #3e75b0; background: #5287bf; color: white;">
    <strong>SLD</strong><br>31%
    <div class="details">132.1km<br>수평 15cm</div>
  </div>


  <div class="pitch-node" style="top: 80px; border: 0.1rem solid #e3a000; background: #ffc000; color: black;">
<div style="left: calc(50% - 80px); 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(80px - 1.0rem);"></div>
    <strong>CRV</strong><br>17%
<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="details">121.4km<br>낙차 40cm</div>
<div class="collapsible collapsed" id="collapsible-fc" style="z-index:3; position: absolute; left: 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>


  <div class="pitch-line" style="top: 1.6rem; height: 60px; background: linear-gradient(to bottom, transparent, #ffc000aa);"></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(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(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-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; right: 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(4px) translateY(5px) 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="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>
 
== 우완 ==
<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: 102px; 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: 102px; 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: 65px; 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: 65px; 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>
</div>

2026년 2월 6일 (금) 11:21 기준 최신판

삼쩌모의 연습장
메인
범용
1번
틀 제작
2번
나무마크
3번
위키 점검
4번
기능 실험
5번
기능 실험
6번
틀 제작
7번
공용 틀
8번
틀 제작
메모
메모

좌완

FF
21%
FS
10%
CH
10%
SL
10%
KC
6%
CU
7%
FC
7%
FT
10%
SI
5%
CCH
6%

우완

FF
21%
FS
10%
CH
10%
SL
10%
KC
6%
CU
7%
FC
7%
FT
10%
SI
5%
CCH
6%