Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
loose.html 2.63 KB
Copy Edit Web IDE Raw Blame History
陈冠素 authored 2018-11-03 14:15 . 新建 loose.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<title></title>
<link rel="stylesheet" href="https://zs.banyanclass.com/sp5/sw3.min.css?from=g">
</head>
<body style="background-color: #f2f3f1;">
<div class="vBox">
<div id="txtLoadBox" style="text-align:center;left: 50%;margin: 0 auto;transform: translate(-50%, -50%);padding: 0;position: fixed;top: 50%;">
<svg style="width:200px;height:200px;" version="1.1" id="dc-spinner" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width: "38" height: "38" viewBox="0 0 38 38" preserveAspectRatio="xMinYMin meet"><text x="14" y="21" font-family="Monaco" font-size="3px" style="letter-spacing:0.6" fill="grey">&#21152;&#36733;&#20013;&#46;&#46;&#46;<animate attributeName="opacity" values="0;1;0" dur="1.8s" repeatCount="indefinite"/></text>
<path fill="#373a42" d="M20,35c-8.271,0-15-6.729-15-15S11.729,5,20,5s15,6.729,15,15S28.271,35,20,35z M20,5.203 C11.841,5.203,5.203,11.841,5.203,20c0,8.159,6.638,14.797,14.797,14.797S34.797,28.159,34.797,20 C34.797,11.841,28.159,5.203,20,5.203z"></path>
<path fill="#373a42" d="M20,33.125c-7.237,0-13.125-5.888-13.125-13.125S12.763,6.875,20,6.875S33.125,12.763,33.125,20 S27.237,33.125,20,33.125z M20,7.078C12.875,7.078,7.078,12.875,7.078,20c0,7.125,5.797,12.922,12.922,12.922 S32.922,27.125,32.922,20C32.922,12.875,27.125,7.078,20,7.078z"> </path>
<path fill="#2AA198" stroke="#2AA198" stroke-width="0.6027" stroke-miterlimit="10" d="M5.203,20 c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z">
<animateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" calcMode="spline" keySplines="0.4, 0, 0.2, 1" keyTimes="0;1" dur="1.97s" repeatCount="indefinite" />
</path>
<path fill="#759720" stroke="#759720" stroke-width="0.2027" stroke-miterlimit="10" d="M7.078,20 c0-7.125,5.797-12.922,12.922-12.922V6.875C12.763,6.875,6.875,12.763,6.875,20S12.763,33.125,20,33.125v-0.203 C12.875,32.922,7.078,27.125,7.078,20z">
<animateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="1.76s" repeatCount="indefinite" /> </path>
</svg>
</div>
</div>
</body>
<script src="https://zs.banyanclass.com/sp5/sw3.min.js?from=g"></script>
</html>

Comment ( 0 )

Sign in for post a comment