CSS3部分新特性

1.旋转
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */

2.CSS3 模块包括
    选择器
    框模型
    背景和边框
    文本效果
    2D/3D转换
    动画
    多列布局
    用户界面

3.border-radius 圆角边框
  box-shadow 阴影
  border-image 边框图片

4.CSS3背景
    background-size
    background-origin

5.CSS3文本效果
    文本属性:text-shadow  word-wrap
    text-shadow能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色
    text-overflow规定当文本溢出包含元素时发生的事情,ellipsis是用省略符号
来代表被修剪的文本,使用该属性时需要overflow是hidden,white-space是nowrap的

6.CSS3自定义字体 @font-face

7.CSS3转换  有2D和3D
    通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸

原文地址:https://www.cnblogs.com/sun-rain/p/4900852.html