আসসালামু আলাইকুম। টেকটিউনস এর পক্ষ থেকে সবাইকে স্বাগতম। আপনাদের মধ্যে অনেকেরই ওয়েব ডিজাইন শেখার আগ্রহ রয়েছে এবং অনেকেই ইতিমধ্যে বিভিন্ন সাইট বা ব্লগ থেকে একটু আধটু শিখেও ফেলেছেন। আজকে আমরা শিখব সিএসএস এর একটি চমৎকার ইফেক্ট যেটি হচ্ছে Transition Effect.

Transition Effect কি?
এটি মূলত CSS এর একটি এলিমেন্ট। এটার মাধ্যমে একটি ওয়েবসাইটের যে কোন ইলিমেন্ট এর উপর মাউস এর কার্সর নিলে সেটির পরিবর্তনকে একটি নির্দিষ্ট সময় জুড়ে পরিবর্তন করার জন্য এই ইফেক্ট দেয়া হয়ে থাকে।

একটু উদাহরণঃ
অনেক সময় অনেক ওয়েবসাইটে গেলে দেখা যায় কোন লিখার উপর বা কোন ছবির উপর মাউসের কার্সর রাখলে সেটি ধীরে ধীরে বড় হয়, বা ছবিটি একবার ঘুরে সুন্দরভাবে বড় হয়। এটিই মূলত ট্রাঞ্জিশন ইফেক্ট এর সাহায্য নিয়ে করা হয়।

আজকে আমরা যা শিখব-
আজকে এই ইফেক্ট এর একদম বেসিক শেখানো হবে। ডেমো দেখতে এখানে ক্লিক করুন।

(এরপর লিখাগুলোর উপর মাউসের কার্সর রাখুন তাহলে বুঝতে পারবেন ইফেক্টটা সম্পর্কে)

নিচের ভিডিও লেসন দেখে শিখে নিন ট্রাঞ্জেশন ইফেক্ট এর ব্যবহার:

ভিডিওটির ইউটিউব লিঙ্ক- http://www.youtube.com/watch?v=mBkwyIZB6QY

প্র্যাকটিস এর জন্য সোর্স ফাউল ডাউনলোড করতে এখানে ক্লিক করুন।

এর পরের টিউটোরিয়াল এ আমরা যেটা শিখব তার ডেমো- এখানে ক্লিক করুন।

এইভাবে এই ইফেক্ট নিয়ে কয়েকটি ধারাবাহিক পর্বে আলোচনা করা হবে। আশা করি সবাই সাথেই থাকবেন।

টিউনটি সম্পর্কেঃ  এই টিউনটি আইটি বাড়ি এর পক্ষ থেকে করা হয়েছে। শিক্ষার উদ্দেশ্যে কপি করা যাবে তবে দয়া করে অবশ্যই টেকটিউনস এর লিঙ্ক এবং আইটি বাড়ি এর নামসহ দিবেন।সবাইকে ধন্যবাদ।

কোডিং এ কোন সমস্যায়  আমাকে ফেসবুকে জানান।

আমাদের ফেসবুক গ্রুপে আপনাকে স্বাগতম।