css3

transform

perspective
观察者的位置
translateN
图片移动
我们观察的是图片在屏幕上的投影

transition
过渡

 




注意：该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。

鼠标移动到 div 元素上，查看过渡效果。

animation
动画

 
 




注意: 该实例在 Internet Explorer 9 及更早 IE 版本是无效的。

---

边框属性
border-image ：对提供图片裁边，获取边缘图像，设置填充方式，数值相对原图
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older /
-o-border-image:url(border.png) 30 30 round; / Opera */
border-image:url(border.png) 30 30 round;
}
配合border使用：border使用剪裁结果填充，跟原图没什么关系了
border:15px solid transparent;

---

:active
:active 伪类向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。

---

box-sizing
CSS3 box-sizing 属性在一个元素的 width 和 height 中包含 padding(内边距) 和 border(边框)。

---

CSS position 属性
absolute 定位
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:

position .png

---

文章中示例代码主要来源于菜鸟教程