本來(lái)以為狂丝，css3動(dòng)畫(huà)嘛换淆，用的時(shí)候呢查查API擼出來(lái)就好，但是面試的時(shí)候被吊打了几颜。倍试。(PS:自己找借口罷了...但是確實(shí)被吊打了)想了想，還是好好看看吧蛋哭。县习。
如題，這里只是筆記谆趾。
css3的動(dòng)畫(huà)躁愿，也就是animate屬性，是一個(gè)簡(jiǎn)寫(xiě)形式沪蓬，其組成為：
animation-name: keyframes
可設(shè)置值為none或者一個(gè)指定的@keyframes函數(shù)彤钟。
aimation-duration: 6s
這個(gè)屬性是這是動(dòng)畫(huà)循環(huán)所需要的時(shí)間。值為正數(shù)或者0跷叉，再加s或者ms
animation-timing-function:linear
這個(gè)屬性設(shè)置動(dòng)畫(huà)的時(shí)間逸雹。值比較多：
linear動(dòng)畫(huà)以恒定速度從頭到尾移動(dòng)。
ease動(dòng)畫(huà)開(kāi)始緩慢云挟，急劇加速梆砸，然后逐漸減速。
ease-in動(dòng)畫(huà)開(kāi)始緩慢园欣，然后逐漸加速到結(jié)束帖世，同時(shí)停止。
ease-in-out動(dòng)畫(huà)開(kāi)始緩慢沸枯，加速日矫，然后減速。
ease-out動(dòng)畫(huà)突然開(kāi)始辉饱，然后逐漸減速刀結(jié)束搬男。
step-start動(dòng)畫(huà)立即跳轉(zhuǎn)到最終狀態(tài)拣展，直到結(jié)束彭沼。
step-end動(dòng)畫(huà)保持初始狀態(tài)直至結(jié)束，此時(shí)直接跳轉(zhuǎn)到最終狀態(tài)备埃。
這幾個(gè)是可以直接使用的值姓惑，另外還可以自己設(shè)定褐奴，使用steps和cubic-bezier函數(shù)來(lái)設(shè)定自己想要的速度和形式。
steps(5,end)于毙。cubic-bezier(0.6,0.0,0.55,1.0)
還有一個(gè)是frames敦冬，這個(gè)貌似現(xiàn)在還不可用，因?yàn)闆](méi)有敲定唯沮，瀏覽器暫不支持脖旱。
animation-delay: 3s
動(dòng)畫(huà)的延遲。值為數(shù)字+ms或者s介蛉∶惹欤可以是負(fù)數(shù)，默認(rèn)為0.
animation-interation-count: 2
動(dòng)畫(huà)的循環(huán)播放次數(shù)币旧，設(shè)置為數(shù)字践险，或者infinite。
animation-fill-mode:both
動(dòng)畫(huà)執(zhí)行前后動(dòng)畫(huà)應(yīng)用的值吹菱。值為
none動(dòng)畫(huà)未執(zhí)行時(shí)巍虫，不會(huì)展示任何樣式
both動(dòng)畫(huà)遵循向前和向后，在兩個(gè)方向上擴(kuò)展動(dòng)畫(huà)屬性
forwards動(dòng)畫(huà)保留執(zhí)行器遇到最后一個(gè)關(guān)鍵幀的預(yù)算值鳍刷。最后一個(gè)關(guān)鍵幀取決于
animation-direction和animation-iteration-count
backwards動(dòng)畫(huà)將在應(yīng)用于目標(biāo)時(shí)立即應(yīng)用第一個(gè)animation-delay占遥，并在此期間保存留.animation-delay影響。第一個(gè)關(guān)鍵幀取決于animation-direction
animation-direction:normal
動(dòng)畫(huà)是否再運(yùn)行過(guò)程中交替方向或者重置起點(diǎn)并重復(fù)自身输瓜。值為
normal循環(huán)過(guò)程中筷频，每次都重新播放。這個(gè)是默認(rèn)值
reverse每次循環(huán)播放前痘，動(dòng)畫(huà)將重置為結(jié)束狀態(tài)凛捏，并重新開(kāi)始。且芹缔，反轉(zhuǎn)定時(shí)功能坯癣。
alternate動(dòng)畫(huà)再循環(huán)過(guò)程中反轉(zhuǎn)方向，第一次迭代向前
alternate-reverse動(dòng)畫(huà)再循環(huán)過(guò)程中反轉(zhuǎn)方向最欠，第一次迭代向后
animation-play-state:running
設(shè)置動(dòng)畫(huà)是否正在運(yùn)行或者暫停,屬性值為
running動(dòng)畫(huà)正在播放
paused動(dòng)畫(huà)正在暫停
多的一批示罗，不好記啊。多玩玩吧
至此芝硬，筆記結(jié)束蚜点，后續(xù)更新學(xué)習(xí)小動(dòng)畫(huà)。
第一個(gè)拌阴，假裝是打字效果的css3動(dòng)畫(huà)
