틀:반응형 화살표: 두 판 사이의 차이

틀:반응형 화살표 (편집)

2025년 1월 24일 (금) 16:12 판

63 바이트 추가됨 , 2025년 1월 24일 (금)

편집 요약 없음

시각위키텍스트

Cerulean

관리자

편집

4,193

번

@@ 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; background: black; width: 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: {{#ifeq: {{{tip-direction|up}}}|up|-1 * }}{{#ifeq: {{{direction|right}}}|right|-1 * }}{{{deg|30}}}}}deg; transform-origin:
+<includeonly><onlyinclude><div id="arrowbox" style="
-{{#ifeq: {{{direction|right}}}|right|{{#expr:{{{tip-length|48}}} - {{{thick|5}}}}}|{{{thick|5}}}}}px 50%; {{{direction|right}}}: 0;" class="arrow-tip"></div></div></onlyinclude></includeonly>
+max-width: 100%; width: {{#expr:{{{length|300}}}*cos({{{deg|0}}})}}px; height: {{#expr:{{{length|300}}}*sin({{{deg|0}}})}}px; min-height: {{#expr:-{{{tip-length|48}}}*sin({{{tip-deg|30}}})}}px;display: flex; justify-content: center; align-items: center;"><div class="arrow" style="display: inline-block; transform-origin: center; position: relative; rotate: -{{{deg|0}}}deg; width: 100%;"><div style="border-radius: 2em; height: {{#expr:{{{thick|5}}}*2}}px; background: black; width: 100%;" class="arrow-stick"></div><div style="border-radius: 2em; width: {{{tip-length|48}}}px; height: {{#expr:{{{thick|5}}}*2}}px;    background: #ff0000; rotate: -{{{tip-deg|30}}}deg; transform-origin:
+{{{thick|5}}}px 50%; left: 0;" class="arrow-tip"></div></div></onlyinclude></includeonly>
+{{사용자:Cerulean/작업실}}<br>
 {{사용자:Cerulean/작업실
-|direction=left|tip-direction=up}}<br>
+|tip-deg=45}}<br>
 {{사용자:Cerulean/작업실
-|direction=right|tip-direction=up}}<br>
+|deg=45}}<br>
-{{사용자:Cerulean/작업실
-|direction=left|tip-direction=down}}<br>
 {{사용자:Cerulean/작업실
 |direction=right|tip-direction=down|tip-length=100|thick=10}}