一，過渡：讓某些屬性按照漸漸的進行改變。
transition：
過渡的單獨寫法：
linear，ease-in，ease-out實際開發的時候 不會使用transition來製作太長的動畫效果 所有使用預設的ease即可。
div
div:hover
transition：width 1s 1s linear，height 1s 2s ease，background 1s 3s；1，demo：小公尺商品效果模擬
body
.container
.container
a.container
aimg
.container
:hover
兩個（左上 右下）
三個（左上 右上+左下 右下）
四個（左上 右上 右下 左下）
border-radius：10px 50px 30px 20px;
3, 2d變換語法：
transform：translate（xpx，ypx）；
①變換移動translate：
transform：translatex（xpx） translatey（ypx）；
②縮放scale：設定的是比例
div
:hover
div
:hover
transform：skew（45deg,0）;
transition
:all 1s linear;
body,html
imgbody
:hover
img
變換參照物
transform-origin：bottom
right;
transform：rotate（60deg）;
CSS基礎 CSS3動畫
通過css3動畫屬性，我們可以建立動畫，實現簡單的動畫效果。css3動畫的實現需要用到animation屬性並配合關鍵幀 keyframes 使用。1.對需要設定動畫的元素新增animation屬性。2.設定關鍵幀 keyframes animation是所有動畫屬性的簡寫屬性，除了 animati...
CSS3基礎總結
1 css背景 background attachment 背景影象是否固定或者隨頁面其餘部分滾動 background color 背景顏色 background repeat 背景如何重複 background clip 規定背景的繪製區域 2 css文字 color 文字顏色 directio...
CSS3基礎簡介
css3完全向下相容。增加了許多新的模組。選擇器 盒模型 背景和邊框 文字特效 2d 3d轉換 動畫 多列布局 響應式布局 w3c中css3規範仍在開發。但現代瀏覽器已經開始支援。部分新屬性需要新增瀏覽器字首。box shadow 實現邊框陰影 屬性值包括 模糊度 x軸偏移 y軸偏移 陰影顏色 bo...