Style animationDirection အခြေခံ အရာ

Curriculum Schedule

JS Reference Manual

JavaScript

Window

HTML DOM

Web API

HTML အားကစာ

</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အထည်ဖော်ပြခြင်း">JS အမျိုးအစား ပြောင်းလဲ</a></li> </ul> </div> <div><h3><center> အဆက်အသွယ် လိုက်ခဲ့ </center><h3> <h2>ကျမ်းကြည့်ရမည်:</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဗဟိုရုံ">CodeW3C.com ဗဟိုရုံ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style animationDirection အခြေခံ အရာ</h1> <div class="prenextnav-ref"> <ul> <li> အဆင်းကျပ် ပြန် <a href="/my/jsref/prop_style_animationdelay.html" title="Style animationDelay အကို">animationDelay</a></li> <li> နောက်ဆုံး ပါး <a href="/my/jsref/prop_style_animationduration.html" title="Style animationDuration အကို">animationDuration</a></li> <li> အဆင်းကျပ် အပြန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပျက်">HTML DOM Style အပျက်</a></li> </ul> </div> <div> <h2>အခြေခံ အရာ နှင့် အသုံးပြု</h2> <p><code>animationDirection</code> အခြေခံ အရာ ကို ဖြည့်စွက်ပါ အကို အခြားအရာများ ကို အဆင့် ၂ (၂, ၄, ၆ တို့) အတွက် အရောက်သက် ပြန်လည်ပြောင်းလဲပါသည်...</p> <p class="note"><span>အကြောင်းအရာ:</span>အခြားအရာများ ကို အနည်းငယ် ပြောဆိုသည် အကို အခြားအရာများ ကို အသုံးပြုသည် အတွက် အခြေခံ အရာ ကို အပိုက်ချုပ်စေပါသည်</p> </div> <div> <h2>အမှတ်အသား</h2> <p>အခြားအရာများ ကို ဖြည့်စွက်ပါ အကို <div> အခြေခံ အရာ animationDirection:</p> <pre class="language-js"> document.getElementById("myDIV").style.animationDirection = "reverse"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_animationdirection">ကိုယ်တိုင် ကြိုးစားကြပါ</a></p> </div> <div> <h2>အပြောချက်</h2> <p>animationDirection အခြေခံ အရာ ကို သတင်းပေးပါ:</p> <pre><i>အရာ</i>.style.animationDirection</pre> <p>အခြေခံ အရာ animationDirection ကို ဖြည့်စွက်ပါ:</p> <pre><i>အရာ</i>.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"</pre> <h3>အခြေခံ အရာ</h3> <table class="dataintable"> <tr> <th style="width: 25%;">အရာ</th> <th>ဖော်ပြ</th> </tr> <tr> <td>normal</td> <td>မည်သည်မျှ ဟန်: အခြားအရာများ ကို အရောက်သက် ဖွင့်ပါသည်</td> </tr> <tr> <td>reverse</td> <td>အခြားအရာများ ကို အနည်းငယ် ပြောဆိုသည် အကို အရောက်သက် ပြန်လည်ဖွင့်ပါသည်</td> </tr> <tr> <td>alternate</td> <td>အခြားအရာများ ကို အနည်းငယ် ပြောဆိုသည် အကို အဆင့် ၁ (၁, ၃, ၅ တို့) အ�ွက် အရောက်သက် ဖွင့်ပြီး အဆင့် ၂ (၂, ၄, ၆ တို့) အတွက် အရောက်သက် ပြန်လည်ပြောင်းလဲပါသည်...</td> </tr> <tr> <td>alternate-reverse</td> <td>အခြားအရာများ ကို အနည်းငယ် ပြောဆိုသည် အကို အဆင့် ၁ (၁, ၃, ၅ တို့) အတွက် အရောက်သက် ပြန်လည်ဖွင့်ပြီး အဆင့် ၂ (၂, ၄, ၆ တို့) အတွက် အရောက်သက် ဖွင့်ပြီး ပြန်လည်ပြောင်းလဲပါသည်...</td> </tr> <tr> <td>initial</td> <td>အခြေခံ အရာ ကို ဖြည့်စွက်ပါကြသည်။ ကျမ်းကြည့်ရမည်: <a href="/my/cssref/css_initial.html" title="CSS initial အကြိမ်">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>အသုံးပြုသော အဖွဲ့အစည်း မှ အခြေခံ အရာ ကို ထိန်းချုပ်ပါကြသည်။ ကျမ်းကို ကြည့်ရမည်: <a href="/my/cssref/css_inherit.html" title="CSS inherit အကြိမ်">inherit</a>。</td> </tr> </table> </div> <div> <h2>နည်းပါးဆိုင်ရာ</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">မည်သည်မျှ ဟန်:</th> <td>normal</td> </tr> <tr> <th>သတင်းပေးသော အရာ:</th> <td>စကားလုံးများ ကို ပြောဆိုသည် အကို <a href="/my/cssref/pr_animation-direction.html" title="CSS animation-direction အကို">animation-direction အကို</a>。</td> </tr> <tr> <th>စတီအက်စ်အက်စ် ပုံစံ:</th> <td>စတီအက်စ်အက်စ် ၃</td> </tr> </table> </div> <div> <h2>ဘရောက်ဆာ ထောက်ခံ</h2> <p><code>animationDirection</code> ဖြစ်ပါတယ် စတီအက်စ်အက်စ် ၃ (၁၉၉၉) အခြေခံအရာများအဖြစ်</p> <p>အားလုံးသော ဘရောက်ဆာ ကို အပြည့်အစုံ ထောက်ခံပါသည်:</p> <table class="browser-support"> <tr> <th class="bsChrome">ခလုံ</th> <th class="bsEdge">အန်ဂျက်</th> <th class="bsFirefox">ဖက်ဒရစ်</th> <th class="bsSafari">ဆာဖါဖီ</th> <th class="bsOpera">အိုပက်သတ်</th> <th class="bsIE">IE</th> </tr> <tr> <td>ခလုံ</td> <td>အန်ဂျက်</td> <td>ဖက်ဒရစ်</td> <td>ဆာဖါဖီ</td> <td>အိုပက်သတ်</td> <td>IE</td> </tr> <tr> <td>ထောက်ခံပါ</td> <td>ထောက်ခံပါ</td> <td>ထောက်ခံပါ</td> <td>ထောက်ခံပါ</td> <td>ထောက်ခံပါ</td> <td>11</td> </tr> </table> </div> <div> <h2>ပတ်သက်သော ပြင်ဘာ</h2> <p>CSS အမျိုးအစား အကြိမ်<a href="/my/cssref/pr_animation-direction.html" title="CSS animation-direction အကို">animation-direction အကို</a></p> </div> <div class="prenextnav-ref"> <ul> <li> အဆင်းကျပ် ပြန် <a href="/my/jsref/prop_style_animationdelay.html" title="Style animationDelay အကို">animationDelay</a></li> <li> နောက်ဆုံး ပါး <a href="/my/jsref/prop_style_animationduration.html" title="Style animationDuration အကို">animationDuration</a></li> <li> အဆင်းကျပ် အပြန် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပျက်">HTML DOM Style အပျက်</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> အက်သုံးဆိုင်ရာ </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM စာရင်းလုံး</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အကျယ်ပြန်</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ပါးလုံး</a></h5> </div> <div><h3><center> ထောက်ပံ့သူ ခေါင်းလက် </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ဖော်ပြသော အခြေအနေ အချက်အလက် အသုံးပြုခြင်း အခြေခံ အခွင့်ပြု မဟုတ်။ အမှုသားများ အား ဖြစ်ပေါ်စေသော လုပ်ငန်းများ အခြေခံ အခွင့်ပြု မဟုတ်။ မူပိုင်ခွင့် အခွင့်ပြု အပြီးသတ် ခွင့်ပြုသည်။ </p> <p id="p2"> <a href="/my/about/index.html" title="အခွင့်ပြုသော CodeW3C.com">အခွင့်ပြုသော CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း အခွင့်ပြု">အသုံးပြု အခြေခံအက်ဥပဒေ</a> <a href="/my/about/about_privacy.html" title="ယဉ်ကျေးမှု အခွင့်ပြု">ယဉ်ကျေးမှု အခြေခံအက်ဥပဒေ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပေါ်လုပ်ခြင်း Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>