JS+CSS3创意方形日期时钟特效.zip资源-CSDN文库

共3个文件

html：1个

js：1个

css：1个

版权申诉

jQuery特效

CSS特效

38 浏览量 2023-10-08 20:36:24 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS+CSS3创意方形日期时钟特效.zip （3个子文件）

jiaoben8474

script.js 2KB

css

style.css 4KB

index.html 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>JS + CSS Clock.</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="clock"> <div class="clock__item clock__year"> <div class="clock__year--item clock__year--01"></div> <div class="clock__year--item clock__year--02"></div> <div class="clock__year--item clock__year--03"></div> <div class="clock__year--item clock__year--04"></div> <div class="clock__year--item clock__year--05"></div> <div class="clock__year--item clock__year--06"></div> <div class="clock__year--item clock__year--07"></div> <div class="clock__year--item clock__year--08"></div> </div> <div class="clock__item clock__month"> <div class="clock__month--item clock__month--01"></div> <div class="clock__month--item clock__month--02"></div> <div class="clock__month--item clock__month--03"></div> <div class="clock__month--item clock__month--04"></div> <div class="clock__month--item clock__month--05"></div> <div class="clock__month--item clock__month--06"></div> </div> <div class="clock__item clock__day-numbers"> <div class="clock__day-numbers--item clock__day-numbers--01"></div> <div class="clock__day-numbers--item clock__day-numbers--02"></div> <div class="clock__day-numbers--item clock__day-numbers--03"></div> <div class="clock__day-numbers--item clock__day-numbers--04"></div> </div> <div class="clock__item clock__day-letters"> <div class="clock__day-letters--item clock__day-letters--01"></div> <div class="clock__day-letters--item clock__day-letters--02"></div> <div class="clock__day-letters--item clock__day-letters--03"></div> <div class="clock__day-letters--item clock__day-letters--04"></div> <div class="clock__day-letters--item clock__day-letters--05"></div> <div class="clock__day-letters--item clock__day-letters--06"></div> </div> <div class="clock__item clock__analog"> <div class="clock__analog--hours"></div> <div class="clock__analog--minutes"></div> <div class="clock__analog--seconds"></div> </div> </div> </div> <script src="js/script.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p> <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉