网页时钟_html/css_WEB-ITnose

使用HTML，CSS绘制一个时钟，效果图和素材如下图（注意指针可以旋转到任意位置）

                         clock                  .clock, .hand {    background-image: url(clock1.png);}.clock {    margin: 20px auto;    position: relative;    width: 760px;    height: 730px;    background-position: -198px -68px;}.hand {    display: none;    position: absolute;    left: 356px;    top: 114px;    width: 50px;    height: 350px;        -webkit-transform-origin: center 254px;    -moz-transform-origin: center 254px;    -ms-transform-origin: center 254px;    transform-origin: center 254px;}.hour {    background-position: -112px 377px;}.minute {    background-position: -63px 377px;}.second {    background-position: -17px 377px;    -webkit-transition: -webkit-transform 0.5s;    -moz-transition: -moz-transform 0.5s;    -ms-transition: -ms-transform 0.5s;    transition: transform 0.5s;}                           
            


      
查看更多关于网页时钟_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did102108