a,b 交集
a b a類後面所有b
a>b 父類為a的b元素
a+b 所有緊挨著a的b元素
css3中模擬較有意思的東西
transform = skew 平面變形
rotate 3d情況下變形
scale 縮放與放大
translate 元素位移
transition-property 指定過渡或動態模擬的css屬性
transition-duration 指定完成過渡所需的時間
transition-timing-function 指定過渡函式
transition-delay 指定開始出現的延遲時間
***50%
100%
}animation = animation-name:***; 動畫名稱
animation-duration: 10s;動畫時長
animation-timing-function:ease;動畫速率
animation-delay:.1s;動畫延遲
animation-direction:normal 播出方向
div:hover span //觸發狀態
例：
原始狀體以及設定初始動畫狀態
div設定動畫結束狀態
div:hover{
border-radius: 200px;
css3的2D和3D效果
2d效果 1.css3過渡，讓動畫更柔和，transition ie10 firefox chrome opera支援，chrome25以及更早版本safari需要新增 webkit transition width 0.5s ease 1s delay transition all 0.5s 常用...
CSS3新增2D和3D屬性
3d變形 css3 transform translatex x transform是css3中具有顛覆性的特徵之一，可以實現元素的位移 旋轉 傾斜 縮放，甚至支援矩陣方式，配合過渡和即將學習的動畫知識，可以取代大量之前只能靠flash才可以實現的效果。變形轉換 transform transfor...
CSS3的2D轉換和3D轉換
rotate 使用transform元素中的rotate方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。transform rotate 11deg ms transform rotate 11deg internet explorer moz transform rotate 11de...