Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference manual

Ikhtisar

JavaScript benda

JavaScript Array benda JavaScript Boolean benda JavaScript Date benda JavaScript Math benda JavaScript Number benda JavaScript String benda JavaScript RegExp benda JavaScript Global Properties / Fungsi JavaScript operator

Browser benda

Window benda Navigator benda Screen benda History benda Location benda

DOM benda

HTML DOM Document benda HTML DOM objek elemen HTML DOM atribut objek HTML DOM benda acara

HTML benda

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Properti HTML DOM Style animationDirection

Sebelumnya: properti HTML DOM Style animationDelay

Berikutnya: properti HTML DOM Style animationDuration

contoh

Mengubah <div> elemen atribut animationDirection:

document.getElementById("myDIV").style.animationDirection="reverse";

Definisi dan Penggunaan

animationDirection set properti atau kembali apakah bolak siklus membalikkan animasi.

Catatan: Jika film diatur untuk bermain hanya sekali, properti ini tidak akan bekerja.

Dukungan Browser

Hanya Firefox mendukung properti animationDirection.

tatabahasa

Kembali sifat animationDirection:

object .style.animationDirection

Pengaturan properti animationDirection:

object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"

Nilai properti

值	描述
normal	默认值。动画按正常播放。
reverse	动画反向播放。
alternate	动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放。
alternate-reverse	动画在奇数次（1、3、5...）反向播放，在偶数次（2、4、6...）正向播放。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

rincian teknis

default:	normal
Pengembalian:	String mewakili animasi-arah elemen properti.
versi CSS	CSS3

Artikel terkait

Referensi CSS: Properti Animation-arah

Sebelumnya: properti HTML DOM Style animationDelay

Berikutnya: properti HTML DOM Style animationDuration