Css3中transform主要有rotate、scale、skew、translate四个属性。我们在这里并不会详细介绍他们中的每个特性，因为很多文档或者chm文件都可以查阅相关资料。这篇文章主要讲述的是这些属性分别在普通2d环境与3d透视情况下的表现和差异。接下来，我们就结合demo逐个说明：

在会议上分享东西，我们通常用ppt。而技术交流会则习惯用html5 slide幻灯片作演示。以下内容主要是总结制作html5 slide 幻灯片的要点：

作为页面数据加载的符号，loading图标可谓深入人心。由于新技术的推进，我们或许早已厌倦图片形式的loading，取而代之的是想要用代码去实现之。由于我目前服务的公司对于一些现代浏览器技术的应用比较保守，虽然大部分营销活动都有在使用，但是一些重要的页面还是比较谨慎，有时候加班只是为了用图片去覆盖一些css3属性，o(╯□╰)o。

本文主要讲的是如何使用css3代码、无图地实现各种常见的loading，旨在阐述思路。对于一些复杂的loading动画，可能需要其他方法或加深拓展。好了，开始进入正文：

说到iconfont，网上还是有很多关于它的介绍，但能提取有价值信息的文章却少之又少，各种转载 ！！！不解释。但也有比较靠谱的相关资料，比如国外的icomoon，以及国内的阿里iconfont。很早就看到过iconfont这种技术，只是项目无此需求，所以直到现在才去实践它。

当我们遇到一种技术，有时并不能只单纯的制作一个demo就草草了事。写博客虽然也只是记录某种技术，但它可以让你更系统、全面的了解这种技术。接下来，我们就几个方面深入分析iconfont。

从 DOM的来源 说起。

上世纪九十年代，在浏览器争夺战中，微软为了霸占更多的浏览器市场，于是山寨了Netscape的Javascript而开发了Jscript ，并且还在其自身的浏览器IE中加入一些私有事务，这也正是导致javascript在浏览器兼容性问题的主要原因。为了统一web的开发标准，于是，W3C在1998年发布了一套网页编程接口，即为DOM。

那么，究竟什么是DOM。