CSS3新特性

     最近在学习一个用JS写的动画的插件，目的是为了使用好看的动画效果。

    事实上运用css3的新的动画样式可以很好的实现该功能。

1 CSS3 的圆角特性

border-radious

2 css3的边框特性

border-shadow

border-image

3 css3的文本效果

text-shadow

word-wrap:break-word(截断文字，不超出父元素）

4 css3的背景效果

 background-size

background-origin（背景内容区域）：分为context-box padding-box border-box

5 css3的的2D翻转

常使用的是 ：translate（） 水平位移   retate() 翻转

6 css3的3D翻转

常使用的是 rotateX（）和rotateY（）这两个方法

7 css3的过渡

transition（）

需要规定属性和时间 可以叠加多个属性

8 css3的动画 

和@keyframe 相关

设置从0%-100%的渐变

9 css3的多列

这个是css我觉得最棒很有用的一些属性

column-count属性

column-width属性

column-gap属性