「テンプレート:Loading/style.css」の版間の差分

テンプレート:Loading/style.css (編集)

118 バイト追加、 2年3月30日 (ヰ)

編集の要約なし

8,864

回編集

@@ 3行目: / 3行目: @@
      top: 50%;
      left: 5%;
-     border: 5px solid #ffffff;
+    transform: translateY(-50%);
-     border-top: 5px solid #3498db;
+     border: 3px solid #fafafa;
+     border-top: 3px solid #3498db;
      border-radius: 50%;
-     width: 50px;
+     width: 24px;
-     height: 50px;
+     height: 24px;
      animation: spin 1s linear infinite;
 }
 @keyframes spin {
 % {
-         transform: rotate(0deg);
+         transform: translateY(-50%) rotate(0deg);
      }
 % {
-         transform: rotate(60deg);
+         transform: translateY(-50%) rotate(60deg);
      }
 % {
-         transform: rotate(180deg);
+         transform: translateY(-50%) rotate(180deg);
      }
 % {
-         transform: rotate(300deg);
+         transform: translateY(-50%) rotate(300deg);
      }
 % {
-         transform: rotate(360deg);
+         transform: translateY(-50%) rotate(360deg);
      }
 }