transition: property duration timing-function delay;
(預設值分別為：all 0 ease 0 )
property:填寫需要變化的css屬性如：width,line-height,font-size,color等;
duration:完成過渡效果需要的時間（2s 或者2000ms）
timing-function:完成效果的速度曲線（linear勻速,ease慢快慢,ease-in從低速開始,ease-out以低速結束,ease-in-out低速開始和結束）
delay:動畫效果的延遲觸發時間（2s 或者2000ms）
animation: name duration timing-function delay iteration-count direction;
name:keyframe的名稱，也就是定義了關鍵幀的動畫的名稱,這個名稱用來區別不同的動畫。
duration:完成動畫所需要的時間（2s 或者 2000ms）
timing-function:完成動畫的速度曲線
delay：動畫開始之前的延遲
$(select).animate(styles,options)
(相容所有瀏覽器)
styles:產生動畫的css樣式和值；
options=,
});需要了解一些普遍的動畫計算方法，然後理解編寫。
jqurey的動畫效果
目標.hide 讓目標隱藏 修改的display屬性 小括號中，可是設定動畫執行的時間 目標.show 讓目標顯示 小括號中，可以設定動畫執行的時間 var flag 1 btn first click function else 目標.toggle 會先進行目標的屬性，如果是顯示，就設定為隱藏 如...
jQuery的動畫效果
一 show 方法和hide 方法 1.show 與hide show 根據hide 方法記住的display屬性值來顯示元素。hide 將該元素的display樣式改為 none 用來隱藏元素 2.引數讓元素動起來 單純的呼叫show 和hide 相當於css display none block...
flex動畫效果
6.1 認識行為物件 6.1.1 什麼是行為物件 行為物件可以看作是觸發器 trigger 和動畫效果 effect 的結合體。觸發器和事件並不相同，針對乙個事件的觸發器，受到事件的制約。事件可以被監聽，而觸發器不可以。元件定義了多種觸發器，成為本身的乙個屬性，這些觸發器預設沒有設定動畫效果。行為物...