CodeW3C အွန်လိုင်း စကာတင်
HTML စကာတင် စာရင်း
ဘာသာသား အချုပ်
ဆော့ဝဲ အချုပ်
ပရိုဂရမ် စကာတင်
XML စကာတင် စာရင်း
ဝန်ဆောင်မှု စာရင်း
ဝင်ရောက် စာရင်း
အစီအစဉ်ရှင်
JS ကိုးကွယ်ရာ အကြောင်းကျည်း
JS ကိုးကွယ်ရာ အကြောင်းကျည်း (အမျိုးအစား အောက်ပါအောက်)
JS ကိုးကွယ်ရာ အကြောင်းကျည်း (အေဘား အောက်ပါအောက်)
JavaScript
JS အော်စ်
JS Boolean
JS အကြောင်း
JS ရှေးပုံ
JS အမှာ
JS ကွပ်ကဲ
JS JSON
JS Map
JS Math
JS အောက်ဆီ
JS Promise
JS RegExp
JS Set
JS စကား
JS အပုံစံ
JS အထောက်အပံ့
JS အထောက်အပံ့ အဆင့်
JS ဖော်ပြ
JS အမျိုးအစားပြု
Window
Window အပေါင်း
Window Console
Window သမိုင်း
Window ခုံ
Window ကူးလာ
Window အိုင်အေရှင်
HTML DOM
HTML အချုပ်
HTML အဆို
HTML အကို
HTML အချက်အလက်
HTML အချက်အလက် အပုံစံ
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML စက်တင်
Web API
API Canvas
API Console
API Fetch
API ပျံနှံ
API စစ်ပိုင်း
API သမိုင်း
API MediaQueryList
API ကိုင်တန်း
API စစ်ဆေး
API ဝီကီ
HTML အပုံစံ
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<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> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
</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 animationTimingFunction 属性</h1> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/prop_style_animationname.html" title="Style animationName ဗဟုသုတ">animationName</a></li> <li> နောက်ဆုံး စားပွဲ <a href="/my/jsref/prop_style_animationplaystate.html" title="Style animationPlayState ဗဟုသုတ">animationPlayState</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>animationTimingFunction</code> 规定动画的速度曲线。</p> <p>速度曲线定义了动画从一组 CSS 样式更改为另一组样式的时间。</p> <p>速度曲线用于平滑变化。</p> </div> <div> <h2>实例</h2> <p>更改 <div> 元素的 animationTimingFunction 属性：</p> <pre class="language-js"> document.getElementById("myDIV").style.animationTimingFunction = "linear"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_animationtimingfunction">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 animationTimingFunction 属性：</p> <pre><i>object</i>.style.animationTimingFunction</pre> <p>设置 animationTimingFunction 属性：</p> <pre><i>object</i>.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezier(n, n, n, n)|initial|inherit"</pre> <h3>အချက်အလက် အခြေအနေ</h3> <table class="dataintable"> <tr> <th style="width: 25%;">အချက်အလက်</th> <th>ဖော်ပြ</th> </tr> <tr> <td>linear</td> <td>လှုပ်ရှား ကြား အခြား အရာဝတ္တု အတိုင်း အတူ အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား အခြား အရာဝတ္တု ကြား စတင်သည်။</td> </tr> <tr> <td>ease</td> <td>မည်သည်မဆို သတ်မှတ်ထားသော အခြေအနေ: လှုပ်ရှား စတင်မှာ ဆိုးဝါး ပြီး နောက် ကြီးလာပြီး နောက် ဆိုးဝါးလဲ့ ဖြစ်သည်。</td> </tr> <tr> <td>ease-in</td> <td>လှုပ်ရှား စတင်မှာ ဆိုးဝါးလဲ့ ဖြစ်သည်。</td> </tr> <tr> <td>ease-out</td> <td>လှုပ်ရှား အဆုံးမှာ ဆိုးဝါးလဲ့ ဖြစ်သည်。</td> </tr> <tr> <td>ease-in-out</td> <td>လှုပ်ရှား သည် စတင်မှာ ဆိုးဝါး ဖြစ်ပြီး အဆုံးမှာ ဆိုးဝါးလဲ့ ဖြစ်သည်。</td> </tr> <tr> <td>cubic-bezier(<i>n</i>, <i>n</i>, <i>n</i>, <i>n</i>)</td> <td> <p>ကျောက်သီးခြား ဘရောက်သတ်မှတ်ထားသော အချက်အလက် ကို သုံးပါ။</p> <p>အခြား အခြေအနေ မှာ 0 မှ 1 အထိ ကွာသွားသော အရာဝတ္တု ဖြစ်သည်。</p> </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>ease</td> </tr> <tr> <th>ကွာသွားသော အမှတ်:</th> <td>ကို ပြောဆိုသော ကိုင်းပါး <a href="/my/cssref/pr_animation-timing-function.html" title="CSS animation-timing-function ဗဟုသုတ">animation-timing-function ဗဟုသုတ</a>。</td> </tr> <tr> <th>CSS ပုံစံ:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>ဘရောက်သတ်မှတ်ခြင်း</h2> <p><code>animationTimingFunction</code> ဖြစ်သည် ချုပ်ရှင် 3 (1999) ကို သတ်မှတ်ထားသော အခြေအနေဖြစ်သည်。</p> <p>အားလုံးသော ဘရောက်သတ်မှတ်ခြင်းများ အပေါ် အားကောင်းစွာ ထောက်ပံ့ပေးသည်:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> <th class="bsIE">IE</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</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-timing-function.html" title="CSS animation-timing-function ဗဟုသုတ">animation-timing-function ဗဟုသုတ</a></p> </div> <div class="prenextnav-ref"> <ul> <li> အဆင်းပြင် ကြည့်ရန် <a href="/my/jsref/prop_style_animationname.html" title="Style animationName ဗဟုသုတ">animationName</a></li> <li> နောက်ဆုံး စားပွဲ <a href="/my/jsref/prop_style_animationplaystate.html" title="Style animationPlayState ဗဟုသုတ">animationPlayState</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> <!-- maincontent end --> <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> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>