css3 新增属性

css3 新增属性

背景

background-origin: 背景图像显示的原点。
background-clip 规定背景的绘制区域。
  padding-box; 从padding区域（含padding）开始显示背景图像。
  border-box; 从border区域（含border）开始显示背景图像。
  content-box; 从content区域开始显示背景图像。
background-clip： 指定对象的背景图像向外裁剪的区域
  padding-box；从padding区域（含padding）开始显示背景图像。
  border-box；从border区域（含border）开始显示背景图像。
  content-box；从content区域开始显示背景图像。
background-size： 尺寸

文本

text-shadow: 阴影
  none;   无
  <length>①：第1个长度值用来设置对象的阴影水平偏移值。可以为负值
  <length>②：第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
  <length>③：如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
  <color>：设置对象的阴影的颜色。
word-wrap: 换行
  normal;允许内容顶开或溢出指定的容器边界。
  break-word;内容将在边界内换行。如果需要，单词内部允许断行。
word-spacing 字符间距
 该属性将指定的间隔添加到每个单词(词内不发生)之后，但最后一个字将被排除在外。
 判断是否为单词的依据是单词间是否有空格。

2D转换

transform:
  translate(x,y); 移动
  rotate("n"deg) 旋转 [(360deg)360度]
  scale(x,y)水平方向和垂直方向各放大的倍数. 
  skew(
matrix(x,x,y,y,x,y)缩写[1,4放大;2,3倾斜;5,6移动]

3D转换

transform:
  rotateX(); 元素围绕其 X 轴以给定的度数进行旋转
  rotateY();
  rotateZ();
  origin; 规定元素被转换的起始位置。

过渡

transition-
  property; 属性名称; all;需要过渡的 属性样式.
  duration; 过渡时间
  timing-function; 过渡的速度曲线
  delay;