틀:뱃지그룹: 두 판 사이의 차이

2023년 8월 18일 (금) 23:39 판

파라미터로 넣은 모든 머릿글틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다.

@@ 26번째 줄: / 26번째 줄: @@
 .template-badge .tooltip, .template-badge .descript{
+    position: absolute;
+    right: 0;
+    bottom: 0;
      visibility: hidden;
-    opacity: 0;
      transition: all 0.2s ease-in-out;
 }
 .template-badge .tooltip{
-    position: absolute;
-    right: 0;
-    bottom: 0;
      background: #000;
-    opacity: 0.8;
      color: #fff;
      width: 400%;
      padding: 4px;
      font-size: 0.7rem;
+    opacity: 0;
      transform: translateY(100%);
 }
@@ 48번째 줄: / 47번째 줄: @@
      visibility: visible;
      transform: translateY(calc(100% + 8px));
+}
+.template-badge .descript{
+    width: 400%;
+    padding: 4px;
+    font-size: 0.7rem;
+    opacity: 0;
+    background:#fff;
 }
 .template-badge:active .descript{
-     position:absolute;
+     opacity: 0.8;
-    right:0;
+     visibility: visible;
-    bottom:0;
+     transform: translateY(calc(100% + 8px));
-     background:#fff;
-     border:1px solid #ddd;
 }
 }}<div class='template-badges'>{{{1|}}}</div></onlyinclude></includeonly>
 파라미터로 넣은 모든 머릿글틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다.