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

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

622 바이트 추가됨 , 2025년 1월 21일 (화)

편집 요약 없음

편집

4,193

번

@@ 1번째 줄: / 1번째 줄: @@
-<div class="" style="display: inline-block;position: relative;width: 304px;"><div style="
+<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:
-    border-radius: 2em;
+{{#ifeq: {{{direction|right}}}|right|{{#expr:{{{tip-length|48}}} - {{{thick|5}}}}}|{{{thick|5}}}}}px 50%; {{{direction|right}}}: 0;" class="arrow-tip"></div></div></onlyinclude></includeonly>
-    height: 10px;
+{{사용자:Cerulean/작업실
-    background: black;
+|direction=left|tip-direction=up}}<br>
-    width: 100%;
+{{사용자:Cerulean/작업실
-"></div><div style="
+|direction=right|tip-direction=up}}<br>
-    border-radius: 2em;
+{{사용자:Cerulean/작업실
-    width: 48px;
+|direction=left|tip-direction=down}}<br>
-    height: 10px;
+{{사용자:Cerulean/작업실
-    background: #ff0000;
+|direction=right|tip-direction=down|tip-length=100|thick=10}}
-    rotate: 398deg;
-    transform-origin: calc(100% - 5px);
-    right: 0;
-"></div></div>