CSS3新增属性

一、文本和盒子属性：

1.文字阴影属性

      text-shadow:水平 垂直  模糊半径  阴影颜色

2.盒子阴影属性

     box-shadow:水平 垂直  模糊半径  阴影颜色

3.文字换行

word-break:break-all; //断字符

word-break:break-word;//断单词

white-space:nowrap;//强制在一行内显示文字

4.文字溢出

text-overflow:clip;

text-overflow:elipsis; //多余部分显示为省略号

overflow

5.圆角

border-radius: px  50%;

二、动画相关的属性：

1.transform:变形属性   旋转 位移  放大  倾斜

    rotate(40deg) 旋转 指定度数  顺时针

    translate(x,y) 水平方向和垂直方向移动指定的距离

    scale(2) 指定放大倍数

    skewX(40deg) x轴 或  Y轴旋转指定的度数

2. transition:平滑过渡

    transition:过渡操作 时间   过渡效果；

                      all            2s        ease-in   linear;

3. animation:自定义动画

@keyframes 名称{

}