摘要：
写css3的-webkit-transform-style:preserve-3d是开启了该容器的3d空间，并且调用硬件加速。需要多个动作的div要合写在一起，不能分开写，否则后面的会覆盖前面的。keyframe里每个关键帧都会分别按照timing-function的设置运动，并不是整个全部运动过程执行一套ease，所以，要想明白自己到底要什么效果。动画执行完后会恢复原样，无法停留在最后的样子。<html> <head> <title> New Document </title> <meta name="Generator&quo 阅读全文
摘要：
总结一些需要注意的点： 1. 不要忘记写 html, body {margin:0; height:100%;}，否则 outer 的 height:100%就不会有效果。 2. 给body设置box-sizing:border-box;可以让padding也包含在height里。 3. box的子元素是默认横向（horizontal）排列的，此时，box-pack是负责横向左中右对齐，box-align是负责竖向上中下对齐的。 当将box-orient:vertical时，是纵向排列，此时，box-pack是负责上中下对齐，而box-align负责左中右对齐。相当于旋转了90度。... 阅读全文