<!
DOCTYPE html><html style='font-size:17px'><head> <meta charset=UTF-8> <meta
name='viewport' content='width=100%, initial-scale=1.0, maximum-scale=1.0, minimum-
scale=1.0, user-scalable=no'> <title>clock</title>
<link rel="stylesheet" href="/var/mobile/Containers/Data/Application/D54A5BE6-7FB1-
4F95-8FF7-F2A80C68C8EA/Library/Application
Support/MarkDownResources/Styles/GitHub.css"/>
<link rel="stylesheet" href="/var/mobile/Containers/Data/Application/D54A5BE6-7FB1-
4F95-8FF7-F2A80C68C8EA/Library/Application
Support/MarkDownResources/Highlight/highlight-style/tomorrow.css"/>
<script src="/var/mobile/Containers/Data/Application/D54A5BE6-7FB1-4F95-8FF7-
F2A80C68C8EA/Library/Application
Support/MarkDownResources/Highlight/highlightjs/highlight.min.js"></script>
<script src="/var/mobile/Containers/Data/Application/D54A5BE6-7FB1-4F95-8FF7-
F2A80C68C8EA/Library/Application
Support/MarkDownResources/Highlight/highlightjs/swift.min.js"></script>
<script src="/var/mobile/Containers/Data/Application/D54A5BE6-7FB1-4F95-8FF7-
F2A80C68C8EA/Library/Application Support/MarkDownResources/MathJax/tex-mml-
chtml.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script
type='text/x-mathjax-config'>MathJax.Hub.Config({'showProcessingMessages': false,
'messageStyle': 'none'});</script></head><body> <p>background-color: #25283D;<br>
font-family:<br>
‘josefin sans’, sans-serif;<br>
float: left;<br>
}<br>
#clocke<br>
width: 280px;<br>
height: 280px;<br>
background: l#25283D;<br>
border: 18px solid #1e213a;<br>
border-radius: 50%;<br>
margin: 200px auto;<br>
position: relative;<br>
box-shadow: inset 0 5px 25px 400000080,<br>
0 5px 25px ]#00000080,<br>
8 5px 3epxDmeeeeee80,<br>
e 5px 35px 日#00000089，<br>
0 5px 35px #00000080, 0 5px 35px 0#00000080;<br>
}<br>
#clock::before{<br>
content:<br>
position: absolute;<br>
width: 280px; height: 280px;<br>
left:<br>
-18px;<br>
top:<br>
-10px;<br>
border: 18px solid border-radius: 50% z-index:<br>
-2;<br>
}<br>
{</p>
<p>#clock::afterd<br>
content:<br>
width: 18px;<br>
height: 18px; background:<br>
Eac7d8f8;<br>
position: absolute;<br>
border-radius: 56%;<br>
left:<br>
calc(50% - 9px);<br>
top: calc(50% - 9px); box-shadow: 0 2px 4px #68000026;</p>
<p>}<br>
#clock li {<br>
list-style: none; position: absolute;<br>
numbers?<br>
position: absolute;<br>
}<br>
width: 90%3<br>
height: 96%; padding: 5%; text-align: centerf<br>
}</p>
<p>-numbers{<br>
position: absolute;<br>
width: 90%; height: 90%; padding:<br>
5%;<br>
text-align:center;<br>
}<br>
numbers span{<br>
display: block;<br>
color:<br>
adbe7fd;<br>
font-size: 38px;<br>
text-shadow: 8: 5px 18px<br>
国期 0008025, 0 2px 3px 日#80000033/<br>
}numbers: nth-child(1) (<br>
transform: rotate(30deg);<br>
}<br>
numbers:nth-child(1) span{<br>
transform: rotate(-30deg);<br>
}numbers:nth-child(3)<br>
{<br>
transforms rotate（90deg）;<br>
}<br>
• numbers:nth-child(3)<br>
span{<br>
transform: rotate(-90deg);<br>
}<br>
numbersanth-child(4) {<br>
transform rotate(120deg);<br>
}<br>
numbers: nth-child(4)<br>
span{<br>
transform: rotate(-128deg);<br>
}</p>
<script>window.webkit.messageHandlers.TextLoaded.postMessage('TextLoaded')</
script></body></html>
