SMIL Transition

ট্রানসিশন এলিমেন্টকে 'ফ্ল্যাইট-ইন' এবং 'ওয়াইপ' মতো ইফেক্ট তৈরি করতে পারে。

ট্রানসিশন এসএমআইএল 2.0-এর অংশ

ট্রানসিশন এসএমআইএল 2.0-এর একটি নতুন বৈশিষ্ট্য।ট্রানসিশন এসএমআইএল 1.0 নিয়মবিধির অংশ নয়。

Internet Explorer 6 এসএমআইএল 2.0 নিয়মবিধির ভিত্তিতে ট্রানসিশন সমর্থন করে।ট্রানসিশন <transitionfilter> ইউনিট দ্বারা রূপায়িত হয়。

বৈশিষ্ট্য

<transitionfilter> ইউনিটটি কয়েকটি ইউনিটগুলির সঙ্গে বিদ্যমান, সবচেয়ে ব্যবহৃত ইউনিটগুলি হল:

বৈশিষ্ট্য বর্ণনা উদাহরণ
type ট্রানসিশন ফিল্টারের ধরন নির্ধারণ করুন (ট্রানসিশন ফিল্টার তালিকা দেখুন) type="clockWipe"
begin কতটা সময় থেকে ট্রানসিশন শুরু করবে নির্ধারণ করুন begin="0s"
mode ট্রানসিশনের মোড নির্ধারণ করুন mode="in"
from ট্রানসিশনের ভাবমান নির্ধারণ করুন from="0.2"
to ট্রানসিশনের শেষ মান নির্ধারণ করুন to="0.8"

ট্রানসিশন ফিল্টার

এখানে ব্যবহার্য ট্রানসিশন ফিল্টারগুলি হল:

fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe 
pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

উদাহরণ: Transition দেখানো

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:transitionfilter targetelement="keyb"
type="clockWipe"
begin="keyb.begin" dur="2s" />
<img id="keyb" class="t" src="pic_keyb.jpg" dur="4s"
width="128" height="107" />
</body>
</html>

উপরের উদাহরণে, চিত্র 4 সেকেন্ড ধরে দেখা যাবে। Transition ফিল্টার 2 সেকেন্ডের মধ্যে "clockWipe"-এর ধরণে চিত্রটি দেখাবে。

সূচনা：এই উদাহরণটি দেখাতে আপনাকে ইন্টারনেট এক্সপ্লোরার 6 চালাতে হবে。

TIY