初始提交

Host/wwwroot/css/flash.css

@@ -0,0 +1,189 @@
+.nei {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    border-radius: 100%;
+    background: #294298;
+    z-index: 2;
+    top: 10px;
+    left: 10px;
+    opacity:0.6;
+}
+.wai {
+    position: absolute;
+    width: 60px;
+    height: 60px;
+    border-radius: 100%;
+    z-index: 1;
+    background: #9baff3;
+    opacity:0.8;
+}
+.nei2 {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    background: #294298;
+    z-index: 2;
+    top: 10px;
+    left: 10px;
+    opacity: 0.6;
+}
+
+.wai2 {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    border-radius: 100%;
+    z-index: 1;
+    background: #9baff3;
+    opacity: 0.8;
+}
+/*.animation {
+    
+    -webkit-animation: twinkling 2.1s infinite ease-in-out;
+    animation: twinkling 2.1s infinite ease-in-out;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+.animation2 {
+    
+    -webkit-animation: twinkling 2.1s infinite ease-in-out;
+    animation: twinkling 2.1s infinite ease-in-out;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}*/
+
+@-webkit-keyframes twinkling {
+    0% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        -webkit-transform: scale(1);
+    }
+
+    50% {
+        opacity: 0.5;
+        filter: alpha(opacity=50);
+        -webkit-transform: scale(1.12);
+    }
+
+    100% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        -webkit-transform: scale(1);
+    }
+}
+
+@keyframes twinkling {
+    0% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        -webkit-transform: scale(1);
+    }
+
+    50% {
+        opacity: 0.5;
+        filter: alpha(opacity=50);
+        -webkit-transform: scale(1.12);
+    }
+
+    100% {
+        opacity: 0.2;
+        filter: alpha(opacity=20);
+        -webkit-transform: scale(1);
+    }
+}
+.yuan1{
+    position:absolute;
+    top:60%;
+    left:55%;
+}
+.yuan2 {
+    position: absolute;
+    top: 70%;
+    left: 35%;
+}
+.yuan3 {
+    position: absolute;
+    top: 76%;
+    left: 55%;
+}
+.yuan4 {
+    position: absolute;
+    top: 46%;
+    left: 66%;
+}
+.yuan5 {
+    position: absolute;
+    top: 68%;
+    left: 54%;
+}
+.yuan6 {
+    position: absolute;
+    top: 63%;
+    left: 45%;
+}
+.yuan7 {
+    position: absolute;
+    top: 50%;
+    left: 70%;
+}
+.yuan8 {
+    position: absolute;
+    top: 65%;
+    left: 25%;
+}
+.yuan9 {
+    position: absolute;
+    top: 78%;
+    left: 45%;
+}
+
+
+.mapCicle {
+    width: 18px;
+    height: 18px;
+    /*transform: translate3d(0px, 0px, 0px);*/
+    position: relative;
+    outline: none;
+    background-color: #1d42a6;
+    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.8);
+    border-radius: 100%;
+    transform-origin: 0 0;
+    display: block;
+    opacity: 0.8;
+}
+
+    .mapCicle::after {
+        content: "";
+        -webkit-border-radius: 100%;
+        border-radius: 100%;
+        height: 300%;
+        width: 300%;
+        position: absolute;
+        margin: -100% 0 0 -100%;
+        box-shadow: 0 0 2px 2px #1d42a6;
+        animation: pulsate 1s ease-out;
+        animation-iteration-count: infinite; /*无穷反复*/
+        animation-delay: 1.1s;
+    }
+
+@keyframes pulsate {
+    0% {
+        transform: scale(0.1, 0.1);
+        opacity: 0;
+        filter: alpha(opacity=0);
+    }
+
+    50% {
+        opacity: 1;
+        filter: none;
+    }
+
+    100% {
+        transform: scale(1.4, 1.4);
+        opacity: 0;
+        filter: alpha(opacity=0);
+    }
+}