css边框、背景设置、字体效果、2D、3D变化及css动画

1.css3边框

-border-radius:设置圆角边框（25px等）

-box-shadow:设置边框阴影

-border-image:通过图片设置边框 

2背景设置

-background-size:设置背景大小

-background-origin:规定背景图片定位区域

3字体效果

-text-shadow:设置文本阴影

-word-wrap:设置单词换行

4.2D转换-transform

-translate（5px,5px）:x y轴分别移动的距离

-rotate(180deg):顺时针旋转的角度

-scale（1,2）:横向和纵向需要缩放的倍数

-skew(5deg,50deg):沿x  y轴翻转给定的角度

-matrix():矩阵变换，可以实现以上转化

-以上变换的写法：

transform:translate(100px,100px)/*x,y坐标变换*/

/*不是所有的浏览器都支持，需要指定浏览器*/

-webkit-transform:translate(100px,100px);/*safari chrome*/

-ms-webkit-transform:translate(100px,100px)/*ie*/

-o-webkit-transform:translate(100px,100px)/*opera*/

-moz-webkit-transform:translate(100px,100px);/*firfox*/