CodeW3C অনলাইন শিক্ষাক্রম
HTML শ্রেণীর শিক্ষাক্রম
ব্রাউজার স্ক্রিপ্ট
সার্ভার স্ক্রিপ্ট
প্রোগ্রামিং শিক্ষাক্রম
XML শ্রেণীর শিক্ষাক্রম
ওয়েবসাইট বিনিময়
পরিচিতি হান্ডবুক
কোর্স টাইবল
JS রেফারেন্স ম্যানুয়েল
JS রেফারেন্স ম্যানুয়েল (শ্রেণী ক্রম)
JS রেফারেন্স ম্যানুয়েল (অক্ষর ক্রম)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS গ্লোবাল
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS স্ট্রিং
JS অবজেক্ট
JS অপারেটর
JS অপারেটর প্রাথমিকতা
JS স্টেটমেন্ট
JS টাইপাইজড অ্যারে
উইন্ডো
Window অবজেক্ট
উইন্ডো কনসোল
উইন্ডো হিস্টোরি
উইন্ডো লোকেশন
উইন্ডো নেভিগেটর
উইন্ডো স্ক্রিন
HTML DOM
HTML ডকুমেন্ট
HTML ইলেমেন্ট
HTML অ্যাট্রিবিউট
HTML Event
HTML Event অবজেক্ট
HTML কলেকশন
HTML NodeList
HTML DOMTokenList
HTML স্টাইল
ওয়েব API
API Canvas
API কনসোল
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>
</a></li> <li><a href="/bn/jsref/dom_obj_time.html" title="HTML DOM Time অবজেক্ট"><time></a></li> <li><a href="/bn/jsref/dom_obj_title.html" title="HTML DOM Title অবজেক্ট"><title></a></li> <li><a href="/bn/jsref/dom_obj_track.html" title="HTML DOM Track অবজেক্ট"><track></a></li> <li><a href="/bn/jsref/dom_obj_u.html" title="HTML DOM Underline অবজেক্ট"><u></a></li> <li><a href="/bn/jsref/dom_obj_ul.html" title="HTML DOM Ul অবজেক্ট"><ul></a></li> <li><a href="/bn/jsref/dom_obj_var.html" title="HTML DOM Variable অবজেক্ট"><var></a></li> <li><a href="/bn/jsref/dom_obj_video.html" title="HTML DOM Video অবজেক্ট"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/bn/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration অবজেক্ট">CSSStyleDeclaration</a></li> <li><a href="/bn/jsref/jsref_type_conversion.html" title="JavaScript ধরন পরিবর্তন">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/bn/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 transition 属性</h1> <div class="prenextnav-ref"> <ul> <li> পূর্ববর্তী পৃষ্ঠা <a href="/bn/jsref/prop_style_transformstyle.html" title="Style transformStyle বৈশিষ্ট্য">transformStyle</a></li> <li> পরবর্তী পৃষ্ঠা <a href="/bn/jsref/prop_style_transitionproperty.html" title="Style transitionProperty বৈশিষ্ট্য">transitionProperty</a></li> <li> এক স্তর উপরে ফিরে যান <a href="/bn/jsref/dom_obj_style.html" title="HTML DOM Style অবজেক্ট">HTML DOM Style অবজেক্ট</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>transition</code> 属性是四个过渡属性的简写属性：</p> <ul> <li><a href="/bn/jsref/prop_style_transitionproperty.html" title="Style transitionProperty বৈশিষ্ট্য">transitionProperty</a></li> <li><a href="/bn/jsref/prop_style_transitionduration.html" title="Style transitionDuration বৈশিষ্ট্য">transitionDuration</a></li> <li><a href="/bn/jsref/prop_style_transitiontimingfunction.html" title="Style transitionTimingFunction বৈশিষ্ট্য">transitionTimingFunction</a></li> <li><a href="/bn/jsref/prop_style_transitiondelay.html" title="Style transitionDelay বৈশিষ্ট্য">transitionDelay</a></li> </ul> <p class="note"><span>注释：</span>请始终规定 <a href="/bn/jsref/prop_style_transitionduration.html" title="Style transitionDuration বৈশিষ্ট্য">transitionDuration 属性</a>，否则持续时间为 0，过渡将无效。</p> <h3>অন্যান্য পরিচ্ছেদক:</h3> <p>CSS পরিচ্ছেদক:<a href="/bn/cssref/pr_transition.html" title="CSS transition বৈশিষ্ট্য">transition বৈশিষ্ট্য</a></p> </div> <div> <h2>উদাহরণ</h2> <p>div উপাদানের উপর মাউস অবস্থান করার মাধ্যমে তার আকৃতি ক্রমশঃ পরিবর্তন করুন:</p> <pre class="language-js"> document.getElementById("myDIV").style.transition = "all 2s"; </pre> <p class="tiy"><a target="_blank" href="/bn/tiy/t.html?f=jsck_style_transition">স্বয়ংক্রিয়ভাবে প্রয়োগ করুন</a></p> </div> <div> <h2>বিন্যাস</h2> <p>transition বৈশিষ্ট্য ফলাফল:</p> <pre><i>object</i>.style.transition</pre> <p>transition বৈশিষ্ট্য সংজ্ঞায়িত করুন:</p> <pre><i>object</i>.style.transition = "<i>property</i> <i>duration</i> <i>timing-function</i> <i>delay</i>|initial|inherit"</pre> <h3>বৈশিষ্ট্য মান</h3> <table class="dataintable"> <tr> <th style="width: 25%;">মান</th> <th>বর্ণনা</th> </tr> <tr> <td><i>transitionProperty</i></td> <td>পার্থক্যকে নির্ধারণ করে</td> </tr> <tr> <td><i>transitionDuration</i></td> <td>পার্থক্য সময়কে নির্ধারণ করে</td> </tr> <tr> <td><i>transitionTimingFunction</i></td> <td>পার্থক্য গতিপথকে নির্ধারণ করে</td> </tr> <tr> <td><i>transitionDelay</i></td> <td>পার্থক্য সময়কে নির্ধারণ করে</td> </tr> <tr> <td>initial</td> <td>এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন <a href="/bn/cssref/css_initial.html" title="CSS initial কীভূত">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>এই বৈশিষ্ট্যটি তার পিতৃত্ব উপাদান থেকে উত্তরণ করুন। দেখুন <a href="/bn/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>all 0 ease 0</td> </tr> <tr> <th>ফলাফল:</th> <td>শব্দতালিকা, যা উপাদানের <a href="/bn/cssref/pr_transition.html" title="CSS transition বৈশিষ্ট্য">transition বৈশিষ্ট্য</a>。</td> </tr> <tr> <th>CSS সংস্করণ:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>ব্রাউজার সমর্থন</h2> <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> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>26.0</td> <td>10.0</td> <td>16.0</td> <td>6.1</td> <td>12.1</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> পূর্ববর্তী পৃষ্ঠা <a href="/bn/jsref/prop_style_transformstyle.html" title="Style transformStyle বৈশিষ্ট্য">transformStyle</a></li> <li> পরবর্তী পৃষ্ঠা <a href="/bn/jsref/prop_style_transitionproperty.html" title="Style transitionProperty বৈশিষ্ট্য">transitionProperty</a></li> <li> এক স্তর উপরে ফিরে যান <a href="/bn/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="/bn/jsref/index.html">JavaScript এবং HTML DOM পরিচিতি হান্ডবুক</a></h5> <h5 id="tools_example"><a href="/bn/js/js_examples.html">JavaScript উদাহরণ</a></h5> <h5 id="tools_quiz"><a href="/bn/js/js_quiz.html">JavaScript পরীক্ষা</a></h5> <h5 id="tools_tutorial"><a href="/bn/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="/bn/about/index.html" title="CodeW3C.com সম্পর্কে">CodeW3C.com সম্পর্কে</a> <a href="/bn/about/about_helping.html" title="CodeW3C.com সহায়তা">CodeW3C.com সহায়তা</a> <a href="/bn/about/about_use.html" title="ব্যবহার সম্পর্কে">ব্যবহার শর্ত</a> <a href="/bn/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>