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;