CSS transition প্রক্রিয়া

বিবরণ ও ব্যবহার

transition প্রয়োগ একটি সংক্ষিপ্ত প্রয়োগ, যা চারটি পরিবর্তন প্রভাব প্রয়োগ নির্দেশ করে

মন্তব্য:সবসময় নির্দেশ করুন transition-duration অবিবর্ধনীয় অবিবর্ধনীয় প্রয়োগ না থাকলে, সময় 0 হলে, পরিবর্তন প্রভাব উদ্ভূত হবে না

CSS শিক্ষাক্রম:CSS ট্রানজিশন

HTML DOM পরিচিতি বইটি:transition প্রয়োগ

ডিভ ইলেমেন্টের উপর মাউস পুঁচানো হলে, তার প্রস্থ প্রথমে 100px থেকে পরে 300px হয়

div {
  width: 100px;
  transition: width 2s;
}

transition: প্রপার্টি ডারেশন টাইমিং-ফাংশন ডিলেই;

মান	বর্ণনা
transition-property	পরিবর্তন প্রভাবের CSS প্রয়োগের নাম নির্দেশ করে
transition-duration	পরিবর্তন প্রভাব সমাপ্ত করতে কতটা সময় বা মিলিসেকেন্ড নির্দেশ করে
transition-timing-function	গতি প্রভাবের গতি কোণ নির্দেশ করে
transition-delay	পরিবর্তন প্রভাব কতটা শুরু করবে নির্দেশ করে

ডিফল্ট মান:	all 0 ease 0
পুনর্বিন্যস্তকরণযোগ্যতা:	না
সংস্করণ:	CSS3
JavaScript গঠনশৈলী:	object.style.transition="width 2s"

টেবিলের সংখ্যা এই অবিবর্ধনীয় অবিবর্ধনীয় প্রয়োগের প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে

প্রথম সংস্করণকে -webkit-、-moz- বা -o- প্রিফিক্স দিয়ে নির্দেশ করা হয়

Chrome	IE / Edge	Firefox	Safari	Opera
26.0 4.0 -webkit-	10.0	16.0 4.0 -moz-	6.1 3.1 -webkit-	12.1 10.5 -o-