CSS বক্স শ্যাডো জেনারেটর অনলাইন — রিয়েলিস্টিক সফট শ্যাডো তৈরি

কার্ড ও বাটনের জন্য আধুনিক সফট ড্রপ শ্যাডো তৈরি করুন রিয়েল-টাইমে। ব্লার, স্প্রেড ও অপাসিটি স্লাইডার এবং তাৎক্ষণিক CSS কপি।

আপনার ব্রাউজারেই চলে। ফাইল আপনার ডিভাইসের বাইরে যায় না। যাচাই করার উপায় দেখুন

…

কীভাবে করবেন

  1. ১
    ধাপ ১: CSS বক্স শ্যাডো জেনারেটর (মাল্টি-লেয়ার ও ইনসেট) খুলুন ও আপনার তথ্য দিন

    ঘরগুলোতে আপনার সংখ্যা, লেখা বা ফাইল দিন, অথবা প্রয়োজনীয় অপশন বেছে নিন। কোনো কিছু আপলোড হয় না, সব আপনার ব্রাউজারেই থাকে।

  2. ২
    ধাপ ২: CSS বক্স শ্যাডো জেনারেটর (মাল্টি-লেয়ার ও ইনসেট) যা করে

    স্মুথ মাল্টি-লেয়ার বক্স শ্যাডো ডিজাইন করুন ব্লার, স্প্রেড, অপাসিটি ও ইনসেট টগল সহ। এক ক্লিকে CSS ও Tailwind কোড কপি।

  3. ৩
    ধাপ ৩: ফলাফল দেখুন ও মিলিয়ে নিন

    ফলাফল সঙ্গে সঙ্গে দেখা যায়। একটি মান বদলে দেখুন ফলাফল কীভাবে বদলায়, তারপর সবচেয়ে ঠিক সংখ্যাটি রেখে দিন।

  4. ৪
    ধাপ ৪: কপি বা সংরক্ষণ করুন

    ফলাফল কপি করুন বা ডাউনলোড করুন। জরুরি সিদ্ধান্তের আগে সরকারি উৎস বা বিশেষজ্ঞের সাথে মিলিয়ে নিন।

এই টুল সম্পর্কে

ওয়েব ডিজাইনে কার্ড ও কনটেইনারে আধুনিক গভীরতা ও এলিভেশন যোগ করুন। শ্যাডোর এক্স/ওয়াই অফসেট, ব্লার রেডিয়াস, স্প্রেড এবং সফট অপাসিটি নিয়ন্ত্রণ করুন। ডার্ক ও লাইট ক্যানভাস প্রিভিউ এবং ভেতরের শ্যাডোর জন্য ইনসেট মোড সহ যেকোনো ওয়েবসাইটে ব্যবহারের উপযোগী ক্লিন CSS তৈরি করুন।

ভালো ফল পাওয়ার পরামর্শ

শুরুর আগে অপশনগুলো একবার পড়ে নিন এবং প্রথমে ছোট একটি নমুনা দিয়ে চেষ্টা করুন। সবকিছু আপনার ডিভাইসের ব্রাউজারে চলে, তাই আপনি যা লেখেন বা যোগ করেন তা আপলোড হয় না এবং ট্যাব বন্ধ করলে মুছে যায়। কিছু ঠিক না লাগলে পেজ রিলোড করে আবার চেষ্টা করুন, অথবা এই পেজের রিপোর্ট লিংক দিয়ে জানান, আমরা ঠিক করে দেব। ফল ঠিক না লাগলে একবারে একটি করে মান বদলে দেখুন কোন ঘরটি বেশি প্রভাব ফেলে। আবার দরকার হলে এই পেজটি বুকমার্ক করে রাখুন, পরের বার সরাসরি পৌঁছে যাবেন।

দ্রুত তথ্য

প্রায় জিজ্ঞাসিত প্রশ্ন

সফট প্রিমিয়াম ড্রপ শ্যাডো কীভাবে তৈরি করব?

উচ্চ ব্লার (২৪px-৪০px), কিছুটা নেগেটিভ স্প্রেড (-৪px) এবং কম অপাসিটি (১৫%-২৫%) ব্যবহার করলে অত্যন্ত স্মুথ শ্যাডো পাওয়া যায়।

ইনসেট শ্যাডো কী কাজে লাগে?

ইনসেট শ্যাডো উপাদানের ভেতরে শ্যাডো তৈরি করে, যা ইনপুট ফিল্ড ও প্রেসড বাটনের জন্য অত্যন্ত আকর্ষণীয়।

ডার্ক মোডে শ্যাডো কেমন দেখাবে তা কি টেস্ট করা যায়?

হ্যাঁ, 'Dark Canvas' বাটনে চাপ দিয়ে ডার্ক ব্যাকগ্রাউন্ডে শ্যাডো প্রিভিউ পরীক্ষা করা যায়।

এটি কি সব ব্রাউজারে সাপোর্ট করবে?

হ্যাঁ, এটি স্ট্যান্ডার্ড W3C কমপ্লায়েন্ট CSS কোড জেনারেট করে যা সব ব্রাউজারে চলে।

সম্পূর্ণ ফ্রিকোনো খরচ বা সাইন-আপ নেই
ফাইল নিরাপদসবকিছু আপনার ব্রাউজারেই চলে
আপনার ভাষায় সহজঅনেক ভাষায় পাওয়া যায়