DevTulz Online

CSS Box Shadow জেনারেটর

পটভূমি


CSS Box Shadow কী?

CSS box-shadow প্রপার্টি একটি উপাদানের ফ্রেমের চারপাশে ছায়া প্রভাব যোগ করে। ছায়াগুলি অফসেট, ঝাপসা, ছড়ানো, রঙিন এবং inset (ভেতরের ছায়া) হিসেবে সেট করা যায়। কমা-বিভক্ত একাধিক ছায়া সমৃদ্ধ প্রভাবের জন্য স্তূপীকৃত করা যায়। এই জেনারেটর আপনাকে দৃশ্যমানভাবে জটিল বহু-স্তরীয় ছায়া তৈরি করতে এবং ক্লিপবোর্ডে প্রস্তুত CSS কপি করতে দেয়।

Box Shadow জেনারেটর কীভাবে ব্যবহার করবেন

  1. ছায়া স্থাপন ও আকার দিতে Offset X/Y, Blur এবং Spread স্লাইডার সামঞ্জস্য করুন।

  2. ছায়ার রঙ বেছে নিতে রঙের সোয়াচে ক্লিক করুন এবং স্বচ্ছতার জন্য Opacity স্লাইডার ব্যবহার করুন।

  3. অভ্যন্তরীণ আভা বা চাপা প্রভাব তৈরি করতে 'Inset' টগল করুন।

  4. একাধিক ছায়া স্তূপ করতে '+ স্তর যোগ করুন' ক্লিক করুন।

  5. তৈরি CSS কপি করুন এবং আপনার স্টাইলশিটে পেস্ট করুন।

Keywords: CSS box shadow জেনারেটর, box-shadow CSS, CSS ছায়া টুল, CSS drop shadow, inset shadow, বহু-স্তরীয় ছায়া, CSS shadow অনলাইন