css3的@keyframes是什么

1、css3的keyframes是什么css3keyframes是什么？有什么用？keyframes是css3的一種規(guī)章，可以用來(lái)定義css動(dòng)畫的一個(gè)周期的行為，可以創(chuàng)建容易的動(dòng)畫?！鞠嚓P(guān)視頻教程推舉：css3教程】動(dòng)畫與轉(zhuǎn)換類似，由于它們都是隨時(shí)光轉(zhuǎn)變css屬性的表示值。主要區(qū)分在于，當(dāng)屬性值更改時(shí)（例如，當(dāng)懸停時(shí)屬性值發(fā)生轉(zhuǎn)變時(shí)），轉(zhuǎn)換會(huì)隱式的觸發(fā)，但在應(yīng)用動(dòng)畫屬性時(shí)會(huì)顯式執(zhí)行動(dòng)畫。因此，動(dòng)畫需要顯示動(dòng)畫屬性的顯式值。這些值是在keyframes規(guī)章中指定的動(dòng)畫關(guān)鍵幀定義的。因此，keyframes規(guī)章里是由一組封裝的css樣式規(guī)章組成的，這些規(guī)章描述了屬性值如何隨時(shí)光變幻。然后，用法不同的c

2、ssanimation（動(dòng)畫）屬性，可以控制動(dòng)畫的許多不同方面，包括動(dòng)畫迭代的次數(shù)，是否在開頭和結(jié)束值之間交替，以及動(dòng)畫是否應(yīng)當(dāng)運(yùn)行或暫停。動(dòng)畫也可以延遲其開頭時(shí)光。keyframe規(guī)章由關(guān)鍵字keyframe組成，后面接著是給出動(dòng)畫名稱的標(biāo)識(shí)符（將用法animation-name引用），隨后是通過一組樣式規(guī)章（用大括號(hào)分隔）。然后，通過用法標(biāo)識(shí)符作為animation-name屬性的值，將動(dòng)畫應(yīng)用于元素。例如：/*定義動(dòng)畫*/keyframes動(dòng)畫名稱/*樣式規(guī)章*/*將它應(yīng)用于元素*/.elementanimation-name:動(dòng)畫名稱（在keyframes中已經(jīng)聲明好的）;/*或用法動(dòng)畫簡(jiǎn)寫屬性*/animation:動(dòng)畫名稱1s.在keyframes規(guī)章的大括號(hào)里有什么？在大括號(hào)中，我們需要定義關(guān)鍵幀或航點(diǎn)，這些關(guān)鍵幀或航點(diǎn)指定在動(dòng)畫期間的特定點(diǎn)處正在動(dòng)畫化的屬性的值。這允許我們控制動(dòng)畫序列中的中間步驟。例如，一個(gè)容易動(dòng)畫的keyframe可以是這樣：keyframeschange-bg-color0%background-color:red;50%background-color:blue;100%background-color:red;.demo-webkit-animation:change-bg-color5sinfinite;animation: