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)代替
您最近使用了: