幀是什么弛饭?
定義:
幀就是一副靜止的畫面
-
概念
動畫定義
- 動畫是一種視覺錯(cuò)覺
- 動畫是在單位時(shí)間內(nèi)連續(xù)播放一系列幀產(chǎn)生的錯(cuò)覺
系列幀:前一幀和后一幀必須得具有持續(xù)性。
單位時(shí)間:1/24秒
幀速率:Frequence Per Second表示fps 常見的動畫制作軟件中的幀速率是30fps
實(shí)現(xiàn)動畫的技術(shù)手段
1.手繪動畫
2.電腦合成動畫
第一種:插值動畫:只繪制動畫中的關(guān)鍵幀就可以了
- 關(guān)鍵幀:發(fā)生關(guān)鍵幀變化的幀
第二種:關(guān)鍵幀動畫:動畫的每一幀都需要繪制
動畫步驟
1.設(shè)置@keyframes規(guī)則設(shè)計(jì)動畫
2.通過animation屬性為元素綁定動畫
animation
定義
復(fù)合屬性 (必須根@keyfames 動畫名 {}設(shè)計(jì)才能使用)屬性值(依次排序(常用))
animation-name:動畫名
animation-duration:動畫時(shí)長
animation-iteration-count:動畫的重復(fù)性/動畫循環(huán)
語法:
animation:name duration infinite;
animation-iteration-count
定義:
動畫的重復(fù)性/動畫循環(huán)
語法:
animation-iteration-count:2,0,infinite;
屬性值:
- infinite:無線循環(huán)
- 數(shù)字1-任意數(shù)字
- 添加多個(gè)值的時(shí)候需要使用逗號隔開