位移 transform:translate();
旋轉 transform:rotate();
縮放 transform:scale();
傾斜 transform:skew();
transform:translate(水平位移,垂直位移);
transform:translate(水平位移);
transform:translatex(水平位移);
transform:translatey(垂直位移);
background: -webkit-linear-gradient(方向,顏色1,顏色2,顏色3,....顏色n);
background: linear-gradient(to 方向,顏色1,顏色2,顏色3,....顏色n);
left 從左邊開始
right 從右邊開始
top 從上邊開始
bottom 從底部開始
注意: 需要新增相容字首
to left 到左邊(結束位置)
to right 到右邊
to top 到頂部
to bottom 到底部
注意: 不要新增相容字首
left top 左上開始
left bottom 左下開始
right top 右上開始
注意: 帶相容字首
to left top 到左上(結束位置)注意: 不帶相容字首
10deg 10度
4 預設情況下顏色趨於均分
可以指定顏色分布的百分比,讓顏色按照百分比進行漸變
blue 10% 到10% 都是藍色
red 10px 到10px都是紅色
預設情況: 正值 從上往下,從左往右
transform:scale(水平縮放,垂直縮放);
transform:scaley(垂直縮x放);
transform:scalex(水平縮放);
取值範圍: 0-0.9999999 縮小
取值等於1原來大小
取值大於1 放大
CSS3漸變 過渡 2d變換
寫法 一 background gradient linear,起點 水平 垂直 終點，color stop 開始漸變的位置，顏色 注 color stop 開始漸變的位置，顏色 後面可以連著寫多個值。寫法 二 background webkit linear gradient 方向 角度 deg ...
CSS3陰影屬性（逆戰班）
李小龍 box 文字陰影屬性 text shadow 6px 6px 3px orange 使用 第乙個值 水平方向的距離 必須有的 支援負值 第二個值 垂直方向的距離 必須有的 支援負值 第三個值 陰影的模糊程度 不支援負值 第四個值 陰影的顏色 注意 第乙個值 和 第二個值得位置不能互換 給同乙...
css3 背景 漸變 過渡 2D變換
背景大小 水平 垂直 原點 起始點 background origin border box 以邊框為起始點 background origin content box 以內容為起始點 background origin padding box 以內邊距為起始點 背景裁剪 background cl...