আসসালামু‘আলাইকুম কেমন আছেন সবাই? আজ আমি আপনাদের কে দেখাবো কিভাবে css3 দিয়ে চমতকার একটি মেনু তৈরি করা যায়। তবে চলুন শুরু করি।
নিচের কোড টুকু কপি করে .html এক্সটেনসন দিয়ে টেক্সট ফাইলে সেভ করুন।
মেনু টি দেখতে এরোকম হবে

আমি আলাদা কোনো ষ্টাইলসিট ফাইল ব্যাবহার করছিনা। একটা ফাইলের মধ্যেই css ও html কোড লিখছি।

 

	 

		




	
	

Menu Item 1
Menu Item 2
Menu Item 3
Menu Item 4

লাইভ ডেমো দেখুন এখানে। সাইডবার টি তে এই মেনু ব্যাবহার করা হয়েছে।
Live Demo
এখানে CSS3 এর

		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;

কোড ব্যাবহার করা হয়েছে। এটি একটি অনেক কাজের জিনিস এটি JQuery ছাড়াই ট্রান্সলেশন ইফেক্ট দেয়।
এই মেনুটি ব্যাবহার করা হয়েছে alquranbd.com সাইটিতে
আল্লাহ হাফেজ। আবার দেখা হবে ইনশাআল্লাহ।
সময় থাকলে আমাদের অনলাইন প্রোজেক্ট টিতে একবার ঘুড়ে আসবেন আশাকরি ভালো লাগবে।
www.alquranbd.com