JS+CSS3圆形时钟走动特效网页设计，html+css3模拟时钟走动

共3个文件

html：1个

js：1个

css：1个

html网页设计

html+css3

需积分: 5 2 下载量 113 浏览量 2023-02-15 17:18:02 上传评论收藏 3KB ZIP 举报

温馨提示

JS+CSS3圆形时钟走动特效网页设计，html+css3模拟时钟走动，纯静态网页实现；主要是用了transform属性，定时器setInterval动态改变旋转角度来达到时钟动态效果，源码分离了css、js和html，总共分为三个文件；主要是用了transform属性，定时器setInterval动态改变旋转角度来达到时钟动态效果，源码分离了css、js和html，总共分为三个文件主要是用了transform属性，定时器setInterval动态改变旋转角度来达到时钟动态效果，源码分离了css、js和html，总共分为三个文件

资源推荐

资源详情

资源评论

收起资源包目录

时钟网页设计.zip （3个子文件）

时钟网页设计

script.js 732B

css

style.css 2KB

index.html 682B

共 3 条

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>愛芳芳-JS+CSS3圆形时钟走动特效</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="clock"> <div class="outer-clock-face"> <div class="marking marking-one"></div> <div class="marking marking-two"></div> <div class="marking marking-three"></div> <div class="marking marking-four"></div> </div> <div class="inner-clock-face"> <div class="hand hour-hand"></div> <div class="hand min-hand"></div> <div class="hand second-hand"></div> </div> </div> <script src="js/script.js"></script> </body> </html>

评论收藏

内容反馈