芒果

这里介绍两款 使用 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
翻译整理：使用 JavaScript 和 CSS Rotation 的纯 HTML 时钟 | 芒果