在逆戰班學習的第4周
animation的屬性值：
1、animation-name
檢索或設定物件所應用的動畫名稱
必須與規則@keyframes配合使用，
eg:@keyframes mymove{} animation-name:mymove;
2、animation-duration
檢索或設定物件動畫的持續時間
說明：animation-duration:3s; 動畫完成使用的時間為3s
3、animation-timing-function
檢索或設定物件動畫的過渡型別
屬性值linear：線性過渡。等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0)
ease：平滑過渡。等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0)
ease-in：由慢到快。等同於貝塞爾曲線(0.42, 0, 1.0, 1.0)
ease-out：由快到慢。等同於貝塞爾曲線(0, 0, 0.58, 1.0)
ease-in-out：由慢到快再到慢。等同於貝塞爾曲線(0.42, 0, 0.58, 1.0)
animation的屬性值
animation在不需要觸發任何事件的情況下也可以隨著時間變化來改變元素css的屬性值，從而達到一種動畫的效果.實現動畫需要給其新增屬性值 1 animation name 動畫名稱 指定要繫結到選擇器的關鍵幀的名稱。必須與規則 keyframes 關鍵幀 配合使用，這個不用多說 name值自己設...
用animation的steps屬性製作幀動畫
臥槽真是個神奇的ui boy。於是我順著他的思路，用上了animation在timing function中的steps屬性。先來看看ui給的圖吧，是這樣的 注 寬度1200px x,y正數值越大，背景圖越向右下角偏移。所以動畫的 如下 但是這都不是我們需要的效果，因為幀動畫的關鍵在於 瞬變 在an...
css屬性之幀動畫屬性（animation）
在介紹animation屬性之前，先來認識一下 keyframes規則。通過 keyframes規則可以建立動畫，建立動畫是逐步改變乙個css樣式到另乙個css樣式來實現的，css樣式可以設定多個來實現動畫過程，指定動畫變化時用 或者用關鍵字從 from 到 to 這是和 0 開始到 100 結束相...