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

시각위키텍스트

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

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

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