فهرست منبع

Fix grafica loader

Giulia Cacioli 1 سال پیش
والد
کامیت
2fe0059a4b
4فایلهای تغییر یافته به همراه22 افزوده شده و 1 حذف شده
  1. 0 0
      css/styles.min.css
  2. 0 0
      css/styles.min.css.map
  3. 1 1
      ricerca.html
  4. 21 0
      scss/_global.scss

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/styles.min.css


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
css/styles.min.css.map


+ 1 - 1
ricerca.html

@@ -113,7 +113,6 @@
 			</div>
 		</section>
 
-		<div class="loader" id="loader" style="display:none;"></div>
 		<section id="wb_Image1">
 			<div class="container">
 				<div id="wb_intro" class="section-small">
@@ -205,6 +204,7 @@
 
 				<table id="wb_Shape1" class="table table-hover"></table>
 			</div>
+			<div id="loader" class="loader" style="display:none;"></div>
 		</section>
 	</main>
 

+ 21 - 0
scss/_global.scss

@@ -166,3 +166,24 @@ a {
         }
     }
 }
+
+.loader {
+    border: 10px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 10px solid #a2171c;
+    width: 120px;
+    height: 120px;
+    -webkit-animation: spin 2s linear infinite;
+    animation: spin 2s linear infinite;
+    margin: auto;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است