初始上传

app/shop/view/public/css/upgrade/loading.css

@@ -0,0 +1,116 @@
+#loading{
+    background-color: #FFF;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    z-index: 1;
+    margin-top: 0px;
+    top: 0px;
+}
+#loading-center{
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+#loading-center-absolute {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 150px;
+    width: 150px;
+    margin-top: -75px;
+    margin-left: -75px;
+    -moz-border-radius: 50% 50% 50% 50%;
+    -webkit-border-radius: 50% 50% 50% 50%;
+    border-radius: 50% 50% 50% 50%;
+
+}
+.object{
+    width: 15px;
+    height: 15px;
+    background-color: #888888;
+    position: absolute;
+    -moz-border-radius: 50% 50% 50% 50%;
+    -webkit-border-radius: 50% 50% 50% 50%;
+    border-radius: 50% 50% 50% 50%;
+    -webkit-animation: animate 0.8s infinite;
+    animation: animate 0.8s infinite;
+}
+
+#object_one {
+    top: 19px;
+    left: 19px;
+
+}
+#object_two {
+    top: 0px;
+    left: 65px;
+    -webkit-animation-delay: 0.1s;
+    animation-delay: 0.1s;
+
+}
+#object_three {
+    top: 19px;
+    left: 111px;
+    -webkit-animation-delay: 0.2s;
+    animation-delay: 0.2s;
+
+}
+#object_four {
+    top: 65px;
+    left: 130px;
+    -webkit-animation-delay: 0.3s;
+    animation-delay: 0.3s;
+}
+#object_five {
+    top: 111px;
+    left: 111px;
+    -webkit-animation-delay: 0.4s;
+    animation-delay: 0.4s;
+}
+#object_six {
+    top: 130px;
+    left: 65px;
+    -webkit-animation-delay: 0.5s;
+    animation-delay: 0.5s;
+}
+#object_seven {
+    top: 111px;
+    left: 19px;
+    -webkit-animation-delay: 0.6s;
+    animation-delay: 0.6s;
+}
+#object_eight {
+    top: 65px;
+    left: 0px;
+    -webkit-animation-delay: 0.7s;
+    animation-delay: 0.7s;
+}
+@-webkit-keyframes animate {
+
+    25% {
+        -ms-transform: scale(1.5);
+        -webkit-transform: scale(1.5);
+        transform: scale(1.5);
+    }
+    75% {
+        -ms-transform: scale(0);
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+}
+
+@keyframes animate {
+    50% {
+        -ms-transform: scale(1.5,1.5);
+        -webkit-transform: scale(1.5,1.5);
+        transform: scale(1.5,1.5);
+    }
+
+    100% {
+        -ms-transform: scale(1,1);
+        -webkit-transform: scale(1,1);
+        transform: scale(1,1);
+    }
+
+}