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

시각위키텍스트

2025년 1월 24일 (금) 18:27 판

사용자:Cerulean/작업실
사용자:Cerulean/작업실
사용자:Cerulean/작업실
사용자:Cerulean/작업실

@@ 1번째 줄: / 1번째 줄: @@
-<includeonly><onlyinclude><div id="arrowbox" 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: 1px solid;
+{{#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%;
+{{사용자:Cerulean/작업실
-width: {{#expr:{{{length|300}}}*cos({{{deg|0}}}*pi/180)}}px;
+|direction=left|tip-direction=up}}<br>
-height: {{#expr:abs({{{length|300}}}*sin({{{deg|0}}}*pi/180))}}px;
+{{사용자:Cerulean/작업실
-min-height: {{#expr:{{{tip-length|48}}}*sin({{{tip-deg|30}}}*pi/180)}}px;
+|direction=right|tip-direction=up}}<br>
-display: flex;
+{{사용자:Cerulean/작업실
-justify-content: center;
+|direction=left|tip-direction=down}}<br>
-align-items: center;
+{{사용자:Cerulean/작업실
-"><div class="arrow" style="
+|direction=right|tip-direction=down|tip-length=100|thick=10}}
-transform-origin: center;
-rotate: {{#expr:{{{deg|0}}}}}deg;
-width: {{{length|300}}}px;
-transform: translate(0px, -{{{thick|5}}}px);
-"><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:-{{{tip-deg|30}}}}}deg;
-transform-origin: {{{thick|5}}}px 50%;
-left: 0;
-" class="arrow-tip"></div></div></div></onlyinclude></includeonly>
-{{사용자:Cerulean/작업실}}{{사용자:Cerulean/작업실
-|tip-deg=45}}{{사용자:Cerulean/작업실
-|deg=45}}{{사용자:Cerulean/작업실
-|deg=-60}}{{사용자:Cerulean/작업실
-|deg=-25|thick=3}}