Css3動(dòng)畫(huà)已經(jīng)可以替代Flash簡(jiǎn)單動(dòng)畫(huà)效果，在移動(dòng)端Css3動(dòng)畫(huà)性能高，實(shí)現簡(jiǎn)單，兼容性也好！該頁(yè)面動(dòng)畫(huà)庫來(lái)自互聯(lián)網(wǎng)，收集了常用Css3動(dòng)畫(huà)效果，提供74常見(jiàn)動(dòng)畫(huà)效果，這些動(dòng)畫(huà)在我們只做ppt經(jīng)常會(huì )用到！選擇對應動(dòng)畫(huà)，可以得到動(dòng)畫(huà)css代碼！ 這樣你不必下載所有動(dòng)畫(huà)庫，用到那個(gè)動(dòng)畫(huà)效果，直接復制css代碼即可!只有支持Css3上面才支持該動(dòng)畫(huà)！
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity: 1
}
@keyframes flash {
0%,100%,50% {
opacity: 1
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
事例代碼： <div class="animated flash">測試</div> ;flash 可以用其它動(dòng)作名稱(chēng)代替
您最近使用了：