కోడ్ డబ్ల్యు డబ్ల్యు సి ఆన్లైన్ ట్యూటోరియల్
హ్ట్మ్ఎల్ సిరీస్ ట్యూటోరియల్
బ్రౌజర్ స్క్రిప్ట్
సర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ ట్యూటోరియల్
ఎక్స్ఎమ్ఎల్ సిరీస్ ట్యూటోరియల్
వెబ్సైట్ మ్యాన్యువల్
రిఫరెన్స్ మ్యాన్యువల్
కోర్సు సబ్లాక్
JS రిఫరెన్స్ మాన్యువల్
JS రిఫరెన్స్ మాన్యువల్ (వర్గం క్రమంలో)
JS రిఫరెన్స్ మాన్యువల్ (అక్షరచందాలు క్రమంలో)
JavaScript
JS అరేయ్
JS బౌలియన్
JS క్లాస్
JS డేట్
JS ఎరర్
JS గ్లోబల్
JS JSON
JS మాప్
JS మాథ్
JS నంబర్
JS ప్రమీస్
JS RegExp
JS సెట్
JS స్ట్రింగ్
JS ఆబ్జెక్ట్
JS ఆపరేటర్
JS ఆపరేటర్ ప్రియరిటీ
JS స్టేట్మెంట్
JS టైపీడ్ ఆరేయ్
విండో
విండో ఆబ్జెక్ట్
విండో కన్సోల్
విండో హిస్టరీ
విండో లొకేషన్
విండో నావిగేటర్
విండో స్క్రీన్
HTML DOM
HTML డాక్యుమెంట్
HTML ఇలెమెంట్
HTML అట్రిబ్యూట్
HTML ఇవెంట్
HTML ఇవెంట్ ఆబ్జెక్ట్
HTML కలెక్షన్
HTML NodeList
HTML DOMTokenList
HTML స్టైల్
వెబ్ API
API కాన్వాస్
API కన్సోల్
API ఫెచ్
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>
-
</a></li> <li><a href="/te/jsref/dom_obj_image.html" title="HTML DOM Image ఆబ్జెక్ట్"><img></a></li> <li><a href="/te/jsref/dom_obj_ins.html" title="HTML DOM Ins ఆబ్జెక్ట్"><ins></a></li> <li><a href="/te/jsref/dom_obj_button.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ బటన్ ఆబ్జెక్ట్"><input> button</a></li> <li><a href="/te/jsref/dom_obj_checkbox.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ చెక్‌బాక్స్ ఆబ్జెక్ట్"><input> checkbox</a></li> <li><a href="/te/jsref/dom_obj_color.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ కలర్ ఆబ్జెక్ట్"><input> color</a></li> <li><a href="/te/jsref/dom_obj_date.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ డే ఆబ్జెక్ట్"><input> date</a></li> <li><a href="/te/jsref/dom_obj_datetime.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ డేటైమ్ ఆబ్జెక్ట్"><input> datetime</a></li> <li><a href="/te/jsref/dom_obj_datetime-local.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ డేటైమ్ లోకల్ ఆబ్జెక్ట్"><input> datetime-local</a></li> <li><a href="/te/jsref/dom_obj_email.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ ఇమెయిల్ ఆబ్జెక్ట్"><input> email</a></li> <li><a href="/te/jsref/dom_obj_fileupload.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ ఫైల్‌అప్లోడ్ ఆబ్జెక్ట్"><input> file</a></li> <li><a href="/te/jsref/dom_obj_hidden.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ హిడెన్ ఆబ్జెక్ట్"><input> hidden</a></li> <li><a href="/te/jsref/dom_obj_input_image.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ ఇమేజ్ ఆబ్జెక్ట్"><input> image</a></li> <li><a href="/te/jsref/dom_obj_month.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ మాన్థ్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ మాన్థ్></a></li> <li><a href="/te/jsref/dom_obj_number.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ నంబర్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ నంబర్></a></li> <li><a href="/te/jsref/dom_obj_password.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ పాస్వర్డ్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ పాస్వర్డ్></a></li> <li><a href="/te/jsref/dom_obj_radio.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ రేడియో ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ రేడియో></a></li> <li><a href="/te/jsref/dom_obj_range.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ రేంజ్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ రేంజ్></a></li> <li><a href="/te/jsref/dom_obj_reset.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ రీసెట్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ రీసెట్></a></li> <li><a href="/te/jsref/dom_obj_search.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ సెర్చ్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ సెర్చ్></a></li> <li><a href="/te/jsref/dom_obj_submit.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ సబ్మిట్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ సబ్మిట్></a></li> <li><a href="/te/jsref/dom_obj_text.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ టెక్స్ట్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ టెక్స్ట్></a></li> <li><a href="/te/jsref/dom_obj_input_time.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ టైమ్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ టైమ్></a></li> <li><a href="/te/jsref/dom_obj_url.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ యూఆర్ఎల్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ యూఆర్ఎల్></a></li> <li><a href="/te/jsref/dom_obj_week.html" title="హెచ్ఎంఎల్ డామ్ ఇన్పుట్ వీక్ ఆబ్జెక్ట్"><ఇన్పుట్ ట్యాగ్ వీక్></a></li> <li><a href="/te/jsref/dom_obj_kbd.html" title="హెచ్ఎంఎల్ డామ్ కేబ్డ్ ఆబ్జెక్ట్"><కెబుల్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_label.html" title="హెచ్ఎంఎల్ డామ్ లేబుల్ ఆబ్జెక్ట్"><లేబుల్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_legend.html" title="హెచ్ఎంఎల్ డామ్ లెజెండ్ ఆబ్జెక్ట్"><లెజెండ్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_li.html" title="హెచ్ఎంఎల్ డామ్ ఎల్ఐ ఆబ్జెక్ట్"><లి ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_link.html" title="హెచ్ఎంఎల్ డామ్ లింక్ ఆబ్జెక్ట్"><లింక్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_map.html" title="హెచ్ఎంఎల్ డామ్ మాప్ ఆబ్జెక్ట్"><మాప్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_mark.html" title="హెచ్ఎంఎల్ డామ్ మార్క్ ఆబ్జెక్ట్"><మార్క్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_menu.html" title="హెచ్ఎంఎల్ డామ్ మెనూ ఆబ్జెక్ట్"><మెనూ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_menuitem.html" title="హెచ్ఎంఎల్ డామ్ మెనూ ఐటీమ్ ఆబ్జెక్ట్"><మెనూఐట్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_meta.html" title="హెచ్ఎంఎల్ డామ్ మెటా ఆబ్జెక్ట్"><మెటా ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_meter.html" title="హెచ్ఎంఎల్ డామ్ మెటర్ ఆబ్జెక్ట్"><మీటర్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_nav.html" title="హెచ్ఎంఎల్ డామ్ నేవ్ ఆబ్జెక్ట్"><నేవిగేషన్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_object.html" title="హెచ్ఎంఎల్ డామ్ ఆబ్జెక్ట్"><ఆబ్జెక్ట్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_ol.html" title="హెచ్ఎంఎల్ డామ్ ఓల్ ఆబ్జెక్ట్"><ఒల్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_optgroup.html" title="హెచ్ఎంఎల్ డామ్ ఓప్షన్ గ్రూప్ ఆబ్జెక్ట్"><ఆప్షన్ గ్రూప్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_option.html" title="హెచ్ఎంఎల్ డామ్ ఓప్షన్ ఆబ్జెక్ట్"><ఆప్షన్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_output.html" title="హెచ్ఎంఎల్ డామ్ ఆఉట్పుట్ ఆబ్జెక్ట్"><ఆఉట్ పుట్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_paragraph.html" title="హెచ్ఎంఎల్ డామ్ పారాగ్రాఫ్ ఆబ్జెక్ట్"><ప్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_param.html" title="హెచ్ఎంఎల్ డామ్ పారామీటర్ ఆబ్జెక్ట్"><పారామ్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_pre.html" title="HTML DOM Pre 对象"><ప్రీ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_progress.html" title="HTML DOM Progress 对象"><ప్రొగ్రెస్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_quote.html" title="HTML DOM Quote 对象"><క్వోటేషన్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_s.html" title="హెచ్టిఎంఎల్ డొమ్ ఎస్ ఆబ్జెక్ట్"><స్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_samp.html" title="హెచ్టిఎంఎల్ డొమ్ సాంప్ ఆబ్జెక్ట్"><సాంపిల్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_script.html" title="హెచ్టిఎంఎల్ డొమ్ స్క్రిప్ట్ ఆబ్జెక్ట్"><స్క్రిప్ట్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_section.html" title="హెచ్టిఎంఎల్ డొమ్ సెక్షన్ ఆబ్జెక్ట్"><సెక్షన్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_select.html" title="హెచ్టిఎంఎల్ డొమ్ సెలెక్ట్ ఆబ్జెక్ట్"><సెలెక్ట్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_small.html" title="హెచ్టిఎంఎల్ డొమ్ స్మాల్ ఆబ్జెక్ట్"><స్మాల్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_source.html" title="హెచ్టిఎంఎల్ డొమ్ సోర్స్ ఆబ్జెక్ట్"><స్ప్రౌస్ స్రోత్></a></li> <li><a href="/te/jsref/dom_obj_span.html" title="హెచ్టిఎంఎల్ డొమ్ స్పాన్ ఆబ్జెక్ట్"><స్పాన్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_strong.html" title="హెచ్టిఎంఎల్ డొమ్ స్ట్రాంగ్ ఆబ్జెక్ట్"><స్ట్రాంగ్ ట్యాగ్></a></li> <li><a href="/te/jsref/dom_obj_sub.html" title="హెచ్టిఎంఎల్ డొమ్ సబ్స్క్రిప్ట్ ఆబ్జెక్ట్"><సబ్ స్క్రిప్ట్></a></li> <li><a href="/te/jsref/dom_obj_summary.html" title="హెచ్టిఎంఎల్ డొమ్ సమర్షన్ ఆబ్జెక్ట్"><సమరీస్ బాక్స్></a></li> <li><a href="/te/jsref/dom_obj_sup.html" title="హెచ్టిఎంఎల్ డొమ్ సుపర్స్క్రిప్ట్ ఆబ్జెక్ట్"><సబ్ స్క్రిప్ట్></a></li> <li><a href="/te/jsref/dom_obj_table.html" title="హెచ్టిఎంఎల్ డొమ్ టేబుల్ ఆబ్జెక్ట్"><టేబుల్></a></li> <li><a href="/te/jsref/dom_obj_tbody.html" title="హెచ్టిఎంఎల్ డొమ్ ట్బడీ ఆబ్జెక్ట్"><ట్యాబ్లీ బోడీ></a></li> <li><a href="/te/jsref/dom_obj_tabledata.html" title="హెచ్టిఎంఎల్ డొమ్ టేబుల్డేటా ఆబ్జెక్ట్"><ట్డీ లైన్></a></li> <li><a href="/te/jsref/dom_obj_tfoot.html" title="హెచ్టిఎంఎల్ డొమ్ ట్ఫుట్ ఆబ్జెక్ట్"><ట్ఫోట్ బోడీ></a></li> <li><a href="/te/jsref/dom_obj_tablehead.html" title="హెచ్టిఎంఎల్ డొమ్ టేబుల్హెడర్ ఆబ్జెక్ట్"><థెడ్ ట్యాబుల్ హెడింగ్></a></li> <li><a href="/te/jsref/dom_obj_thead.html" title="హెచ్టిఎంఎల్ డొమ్ టేబుల్హెడ్ ఆబ్జెక్ట్"><థెడ్ బోడీ></a></li> <li><a href="/te/jsref/dom_obj_tablerow.html" title="హెచ్టిఎంఎల్ డొమ్ టేబుల్రో ఆబ్జెక్ట్"><ట్రై లైన్></a></li> <li><a href="/te/jsref/dom_obj_textarea.html" title="హెచ్టిఎంఎల్ డొమ్ టెక్స్టేరియా ఆబ్జెక్ట్"><టెక్స్ట్ ఏరియా></a></li> <li><a href="/te/jsref/dom_obj_time.html" title="హెచ్టిఎంఎల్ డొమ్ టైమ్ ఆబ్జెక్ట్"><టైమ్></a></li> <li><a href="/te/jsref/dom_obj_title.html" title="హెచ్టిఎంఎల్ డొమ్ టైటిల్ ఆబ్జెక్ట్"><టైటిల్></a></li> <li><a href="/te/jsref/dom_obj_track.html" title="హెచ్టిఎంఎల్ డొమ్ ట్రాక్ ఆబ్జెక్ట్"><ట్రాక్></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="హెచ్టిఎంఎల్ డొమ్ అండర్లైన్ ఆబ్జెక్ట్"><యూ లిన్></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="హెచ్టిఎంఎల్ డొమ్ యుఎల్ ఆబ్జెక్ట్"><యూ లిస్ట్></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="హెచ్టిఎంఎల్ డొమ్ వేరియబుల్ ఆబ్జెక్ట్"><వార్ విజువల్ ప్రామీయుడ్></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="హెచ్టిఎంఎల్ డొమ్ వీడియో ఆబ్జెక్ట్"><వీడియో></a></li> </ul> <h2>ఇతర పరిశీలన మాన్యాలు</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="సిఎస్ఎస్ స్టైల్ డేక్లరేషన్ ఆబ్జెక్ట్">సిఎస్ఎస్ డిక్లరేషన్</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="జావాస్క్రిప్ట్ టైప్ కన్వర్షన్">జెఎస్ టైప్ కన్వర్షన్</a></li> </ul> </div> <div><h3><center> ఎక్స్‌క్లూజన్ కోర్సులు </center><h3> <h2>కోర్సు సిఫార్సు:</h2> <ul> <li><a href="/te/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>స్టైల్ ఏనిమేషన్ అట్రిబ్యూట్</h1> <div class="prenextnav-ref"> <ul> <li> ముంది పేజీ <a href="/te/jsref/prop_style_alignself.html" title="Style alignSelf 属性">alignSelf</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/prop_style_animationdelay.html" title="Style animationDelay 属性">animationDelay</a></li> <li> పైకి తిరిగి వెళ్ళు <a href="/te/jsref/dom_obj_style.html" title="HTML DOM Style 对象">HTML DOM Style 对象</a></li> </ul> </div> <div> <h2>నిర్వచనం మరియు ఉపయోగం</h2> <p><code>animation</code> ఈ అట్రిబ్యూట్‌లు ఆరు అనిమేషన్ అట్రిబ్యూట్లకు లఘువుగా ఉన్నాయి:</p> <ul> <li><a href="/te/jsref/prop_style_animationname.html" title="Style animationName 属性">animationName</a></li> <li><a href="/te/jsref/prop_style_animationduration.html" title="Style animationDuration 属性">animationDuration</a></li> <li><a href="/te/jsref/prop_style_animationtimingfunction.html" title="Style animationTimingFunction 属性">animationTimingFunction</a></li> <li><a href="/te/jsref/prop_style_animationdelay.html" title="Style animationDelay 属性">animationDelay</a></li> <li><a href="/te/jsref/prop_style_animationiterationcount.html" title="Style animationIterationCount 属性">animationIterationCount</a></li> <li><a href="/te/jsref/prop_style_animationdirection.html" title="Style animationDirection 属性">animationDirection</a></li> </ul> <p class="note"><span>ప్రకటన:</span>ఎల్లప్పుడూ నిర్ధారించండి దయచేసి. <a href="/te/jsref/prop_style_animationduration.html" title="Style animationDuration 属性">అనిమేషన్‌డ్యూరేషన్ అట్రిబ్యూట్</a>లేకపోతే కాలమానం 0 గా ఉంటుంది మరియు ఎప్పటికీ ప్లే అవుతుంది కాదు.</p> </div> <div> <h2>ఉదాహరణ</h2> <p>డివ్ ఎలమెంట్ యొక్క ఏనిమేషన్‌ను లఘువుగా మార్చడానికి ఉపయోగించండి అనిమేషన్‌డ్యూరేషన్ అట్రిబ్యూట్:</p> <pre class="language-js"> document.getElementById("myDIV").style.animation = "mynewmove 4s 2"; </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=jsck_style_animation">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 animation 属性：</p> <pre><i>object</i>.style.animation</pre> <p>设置 animation 属性：</p> <pre><i>object</i>.style.animation = "<i>name</i> <i>duration</i> <i>timingFunction</i> <i>delay</i> <i>iterationCount</i> <i>direction</i> <i>fillMode</i> <i>playState</i>"</pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationname.html" title="Style animationName 属性">animationName</a></i></td> <td>规定要绑定到选择器的关键帧的名称。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationduration.html" title="Style animationDuration 属性">animationDuration</a></i></td> <td>规定动画需要多少秒或毫秒才能完成。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationtimingfunction.html" title="Style animationTimingFunction 属性">animationTimingFunction</a></i></td> <td>规定动画的速度曲线。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationdelay.html" title="Style animationDelay 属性">animationDelay</a></i></td> <td>规定动画开始之前的延迟。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationiterationcount.html" title="Style animationIterationCount 属性">animationIterationCount</a></i></td> <td>规定动画应该播放多少次。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationdirection.html" title="Style animationDirection 属性">animationDirection</a></i></td> <td>规定动画是否应在交替循环中反向播放。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationfillmode.html" title="Style animationFillMode 属性">animationFillMode</a></i></td> <td>规定动画在执行时间之外应用的值。</td> </tr> <tr> <td><i><a href="/te/jsref/prop_style_animationplaystate.html" title="Style animationPlayState 属性">animationPlayState</a></i></td> <td>规定动画是正在运行还是暂停。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/te/cssref/css_initial.html" title="CSS initial 关键字">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/te/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>none 0 ease 0 1 normal none running</td> </tr> <tr> <th>返回值：</th> <td>字符串，表示元素的 <a href="/te/cssref/pr_animation.html" title="CSS animation 属性">animation 属性</a>。</td> </tr> <tr> <th>CSS 版本：</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>浏览器支持</h2> <p><code>animation</code> 是 CSS3 (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="/te/cssref/pr_animation.html" title="CSS animation 属性">animation 属性</a></p> </div> <div class="prenextnav-ref"> <ul> <li> ముంది పేజీ <a href="/te/jsref/prop_style_alignself.html" title="Style alignSelf 属性">alignSelf</a></li> <li> తదుపరి పేజీ <a href="/te/jsref/prop_style_animationdelay.html" title="Style animationDelay 属性">animationDelay</a></li> <li> పైకి తిరిగి వెళ్ళు <a href="/te/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="/te/jsref/index.html">జావాస్క్రిప్ట్ అండ్ హ్ట్మ్ఎల్ డామ్ రిఫరెన్స్ మ్యాన్యువల్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript ఉదాహరణలు</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript పరీక్ష</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/te/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/te/about/about_use.html" title="关于使用">使用条款</a> <a href="/te/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="పవర్డ్ బై సీ4ఈ కం"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>