css3中變形與動畫（上）
1.Animation 動畫定義animation動畫2.Animation動畫播放
1）設(shè)置動畫播放方式
2）設(shè)置動畫開始播放時間
3）設(shè)置動畫播放方向
4）設(shè)置動畫播放次數(shù)
5）動畫時間外屬性
3.定義動畫
可以frames關(guān)詞“from”和“to”等價于0%和100%css0%是動畫的開始時間，100%是動畫的結(jié)束時間
語法：@keyframes animationname{keyframes-sellector{css-style；}}參數(shù)：@keyframes：定義動畫的名稱keyframes-selector：動畫時長的百分比ss-syle：一個或多個合法的css樣式屬性
4.動畫的播放方式播放次數(shù)角度：infinite：無限次數(shù)播放播放速度角度：animation-timing-function：規(guī)定動畫的速度曲線
語法：animation-timing-function:valuevalue:liner:動畫從頭到位的速度都是相同的ease：默認，動畫以低速開始，然后加快，在結(jié)束前變慢ease-in 動畫以低俗開始ease-out 動畫以低俗結(jié)束ease-in-out 動畫以低俗開始和結(jié)束cubic-bezier （x1,y1,x2,y2）在cubic-bezier函數(shù)中自己的值，可能的值是從0-1的數(shù)值5.設(shè)置動畫播放時間：animation-delay 屬性定義動畫何時開始語法：animation-delay：time；animation-duration：定義動畫完成一個周期所需要的時間，以秒或者毫秒計。
6.設(shè)置動畫播放方向animation-direction 定義是否應(yīng)該輪流反向播放動畫語法：animation-direction：normal|alternatenormal：默認值，動畫正常播放alternate：讓動畫輪流反向播放css3中變形與動畫（上）
1.Animation 動畫定義animation動畫2.Animation動畫播放
1）設(shè)置動畫播放方式
2）設(shè)置動畫開始播放時間
3）設(shè)置動畫播放方向
4）設(shè)置動畫播放次數(shù)
5）動畫時間外屬性
3.定義動畫可以frames關(guān)鍵詞“from”和“to”等價于0%和100%css0%是動畫的開始時間，100%是動畫的結(jié)束時間語法：@keyframes animationname{keyframes-sellector{css-style；}}參數(shù)：@keyframes：定義動畫的名稱keyframes-selector：動畫時長的百分比ss-syle：一個或多個合法的css樣式屬性
4.動畫的播放方式播放次數(shù)角度：infinite：無限次數(shù)播放播放速度角度：animation-timing-function：規(guī)定動畫的速度曲線語法：animation-timing-function:valuevalue:liner:動畫從頭到位的速度都是相同的ease：默認，動畫以低速開始，然后加快，在結(jié)束前變慢ease-in 動畫以低俗開始ease-out 動畫以低俗結(jié)束ease-in-out 動畫以低俗開始和結(jié)束cubic-bezier （x1,y1,x2,y2）在cubic-bezier函數(shù)中自己的值，可能的值是從0-1的數(shù)值
5.設(shè)置動畫播放時間：animation-delay 屬性定義動畫何時開始語法：animation-delay：time；animation-duration：定義動畫完成一個周期所需要的時間，以秒或者毫秒計
。6.設(shè)置動畫播放方向animation-direction 定義是否應(yīng)該輪流反向播放動畫語法：animation-direction：normal|alternatenormal：默認值，動畫正常播放alternate：讓動畫輪流反向播放
