利用纯html5绘制出来的一款非常漂亮的时钟

　　今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图：

　　实现的代码。

　　htm代码：

1. <div class="container">  
2.         <svg width="600" height="600" class='svg-element'>  
3.        
4.     <filter id="f4" x="-50%" y="-20%" width="200%" height="140%">  
5.       <feOffset result="offOut" in="SourceAlpha" dx="0" dy="25" />  
6.       <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />  
7.       <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />  
8.     </filter>  
9.        
10.   <filter id="blurred-source" x="-50%" y="-20%" width="200%" height="140%">  
11.     <feGaussianBlur in="color" stdDeviation="5" result="blurOut"/>  
12.   </filter>  
13.         
14.     <filter id="inset-shadow">  
15.         <feOffset dx="0" dy="10"/>                                                         <!-- Shadow Offset -->  
16.         <feGaussianBlur stdDeviation="15"  result="offset-blur"/>                           <!-- Shadow Blur -->  
17.         <feComposite operator=