首頁 > web前端 > css教學 > 主體

詳細介紹CSS3中animation-direction屬性

零下一度
發布: 2017-05-18 14:34:43
原創
2693 人瀏覽過

CSS3 animation-direction 屬性 ,CSS 參考手冊 實例 先執行一遍動畫,然後再反向執行一遍動畫。檢索或設定物件動畫是否反向運動

先執行一次動畫,然後再反向執行一次動畫:

!DOCTYPE html>    

注意:Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。

登入後複製

瀏覽器支援

Internet Explorer 10、Firefox 和Opera 支援animation-direction 屬性。

Safari 和 Chrome 支援另一個可取代該屬性的屬性,即 -webkit-animation-direction 屬性。

注意:Internet Explorer 9 及其先前的版本不支援 animation-direction 屬性。

定義與用法

animation-direction 屬性定義是否循環交替反向播放動畫。

注意:如果動畫被設定為只播放一次,則該屬性將無法運作。

CSS 語法

animation-direction: normal|reverse|alternate|alternate-reverse|initial|inhe
登入後複製
【相關推薦】

1. 

分享一個監聽css3動畫(animation)結束事件實例

2. 

必須掌握的CSS3動畫(Animation)的8大屬性

3. 

利用animation屬性實作循環間的延時執行實例教學

4. ###詳解css3中兩種暫停方式(transition、animation)######

以上是詳細介紹CSS3中animation-direction屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!