틀:반응형 화살표: 두 판 사이의 차이
편집 요약 없음 태그: 수동 되돌리기 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<includeonly><onlyinclude><div class="" style="display: inline-block;position: relative;width: 304px;"><div style="border-radius: 2em; height: {{#expr:{{{thick|5}}}*2}}px; | <includeonly><onlyinclude><div class="" style="display: inline-block;position: relative; {{#switch: {{{direction|}}} | ||
{{# | |right|left|#default = width | ||
|up|down = height}}: 304px;"><div style="border-radius: 2em; background: black; | |||
{{#switch: {{{direction|}}} | |||
|right|left|#default = width: 100%; height: {{#expr:{{{thick|5}}}*2}}px; | |||
|up|down = width: {{#expr:{{{thick|5}}}*2}}px; height: 100%; | |||
}}" class="arrow-stick"></div><div style="border-radius: 2em; | |||
width: {{{tip-length|48}}}px; height: {{#expr:{{{thick|5}}}*2}}px; | |||
background: #ff0000; | |||
rotate: {{#expr: | |||
{{#switch: {{{direction|}}}|up=90|down=-90}}{{#switch: {{{tip-direction|}}}|left = +|right= -}}{{{deg|30}}} | |||
}}deg; transform-origin: {{#expr: | |||
{{#switch: {{{direction|}}} | |||
|right|#default = {{#expr:{{{tip-length|48}}} - {{{thick|5}}}}} | |||
|left = {{{thick|5}}} | |||
|up = {{{thick|5}}} | |||
|down = {{{thick|5}}} | |||
}} | |||
}}px 50%; {{#switch:{{{direction|}}} | |||
|left|right = {{{direction|}}} | |||
|up=top | |||
|down=bottom | |||
}}: 0;" class="arrow-tip"></div></div></onlyinclude></includeonly> | |||
{| class="wikitable" | |||
|+ | |||
! | |||
! | |||
! | |||
! | |||
|- | |||
| | |||
| | |||
| | |||
| | |||
|- | |||
|{{사용자:Cerulean/작업실 | |||
|direction=left|tip-direction=right}} | |||
| | |||
| | |||
| | |||
|- | |||
| | |||
| | |||
| | |||
| | |||
|} | |||
{{사용자:Cerulean/작업실 | {{사용자:Cerulean/작업실 | ||
|direction=left|tip-direction= | |direction=left|tip-direction=right}}<br> | ||
{{사용자:Cerulean/작업실 | {{사용자:Cerulean/작업실 | ||
|direction= | |direction=left|tip-direction=left}}<br> | ||
{{사용자:Cerulean/작업실 | {{사용자:Cerulean/작업실 | ||
|direction= | |direction=right|tip-direction=right}}<br> | ||
{{사용자:Cerulean/작업실 | {{사용자:Cerulean/작업실 | ||
|direction=right|tip-direction=down|tip- | |direction=right|tip-direction=left}}<br> | ||
{{사용자:Cerulean/작업실 | |||
|direction=up|tip-direction=right}}<br> | |||
{{사용자:Cerulean/작업실 | |||
|direction=up|tip-direction=left}}<br> | |||
{{사용자:Cerulean/작업실 | |||
|direction=down|tip-direction=right}}<br> | |||
{{사용자:Cerulean/작업실 | |||
|direction=down|tip-direction=left}} | |||