这里介绍两款使用 JavaScript 和 CSS Rotation 的纯 HTML 时钟。没有使用任何 Adobe Flash 文件或者 <canvas> 标签，仅仅使用平常的 <div> 和 <img> 标签。其工作方式为把图片置于带有 {overflow:hidden} 属性样式的 <div> 并将其旋转。通过 JavaScript，使用推荐的 CSS 变换属性。
然而，这份代码不兼容 Internet Explorer 或现有的许多旧版本浏览器。它只能在支持 CSS 变换属性的 Google Chrome，Safari 和 Firefox 3.5+ 浏览器下正常工作。
必备条件：支持 CSS 变换属性的浏览器
演示地址：http://joncom.be/code/css-clocks/
英文原文：Pure HTML Clocks using Javascript & CSS Rotation | WebAppers
macd11.com 和 丁火甲木庚金 公众号版权所有丨如未注明 , 均为原创丨转载请注明原文链接。
