真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

怎么使用css3來繪制出圓形動(dòng)態(tài)時(shí)鐘

這篇文章給大家分享的是有關(guān)怎么使用css3來繪制出圓形動(dòng)態(tài)時(shí)鐘的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是專業(yè)的安多網(wǎng)站建設(shè)公司,安多接單;提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行安多網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

使用css3繪制出圓形動(dòng)態(tài)時(shí)鐘的代碼

鐘表

#wrap{width:200px;height:200px;border:2pxsolid#000;margin:100pxauto;border-radius:50%;position:relative;}

#wrapul{margin:0;padding:0;height:200px;position:relative;list-style:none;}

#wrapulli{width:2px;height:6px;background:#000;position:absolute;left:99px;top:0;-webkit-transform-origin:center100px;}

/*#wrapulli:nth-of-type(1){-webkit-transform:rotate(0);}

#wrapulli:nth-of-type(2){-webkit-transform:rotate(6deg);}

#wrapulli:nth-of-type(3){-webkit-transform:rotate(12deg);}

#wrapulli:nth-of-type(4){-webkit-transform:rotate(18deg);}

#wrapulli:nth-of-type(5){-webkit-transform:rotate(24deg);}

#wrapulli:nth-of-type(6){-webkit-transform:rotate(30deg);}

#wrapulli:nth-of-type(7){-webkit-transform:rotate(36deg);}

#wrapulli:nth-of-type(8){-webkit-transform:rotate(42deg);}*/

#wrapulli:nth-of-type(5n+1){height:12px;}

#hour{width:6px;height:45px;background:#000;position:absolute;left:97px;top:55px;-webkit-transform-origin:bottom;}

#min{width:4px;height:65px;background:#999;position:absolute;left:98px;top:35px;-webkit-transform-origin:bottom;}

#sec{width:2px;height:80px;background:red;position:absolute;left:99px;top:20px;-webkit-transform-origin:bottom;}

.icon{width:20px;height:20px;background:#000;border-radius:50%;position:absolute;left:90px;top:90px;}




怎么使用css3來繪制出圓形動(dòng)態(tài)時(shí)鐘


感謝各位的閱讀!關(guān)于“怎么使用css3來繪制出圓形動(dòng)態(tài)時(shí)鐘”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!


網(wǎng)站欄目:怎么使用css3來繪制出圓形動(dòng)態(tài)時(shí)鐘
瀏覽地址:http://weahome.cn/article/pcsioi.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部