CSS বক্স শ্যাডো জেনারেটর কী?
ফ্রি অনলাইন CSS বক্স শ্যাডো জেনারেটর। ভিজুয়াল কন্ট্রোলের মাধ্যমে অফসেট, ব্লার, স্প্রেড এবং রঙ সামঞ্জস্য করে তাৎক্ষণিক CSS কোড জেনারেট করুন।
CSS box-shadow প্রপার্টি একটি ওয়েব ডিজাইনারদের টুলকিটের সবচেয়ে বহুমুখী টুলগুলোর একটি, UI এলিমেন্টে গভীরতা, শ্রেণিবিন্যাস এবং ভিজ্যুয়াল আগ্রহ যোগ করতে সক্ষম। CSS বক্স শ্যাডো জেনারেটর box-shadow CSS কোড তৈরি করার জন্য একটি ভিজ্যুয়াল ইন্টারফেস প্রদান করে, প্রতিটি প্যারামিটারের উপর সম্পূর্ণ নিয়ন্ত্রণ এবং রিয়েল টাইমে আপডেট হওয়া একটি ইন্টারঅ্যাক্টিভ প্রিভিউসহ।
জেনারেটরটি স্লাইডারের মাধ্যমে পাঁচটি সামঞ্জস্যযোগ্য প্যারামিটার প্রকাশ করে। X অফসেট ছায়াকে অনুভূমিকভাবে সরায় (ধনাত্মক মান ডানে, ঋণাত্মক মান বামে সরায়)। Y অফসেট ছায়াকে উল্লম্বভাবে সরায় (ধনাত্মক মান নিচে, ঋণাত্মক মান উপরে সরায়)। ব্লার রেডিয়াস ছায়ার প্রান্ত কতটা নরম তা নিয়ন্ত্রণ করে — শূন্য একটি তীক্ষ্ণ ড্রপ শ্যাডো তৈরি করে, যখন উচ্চতর মান একটি নরম, আরও বিস্তৃত প্রভাব তৈরি করে। স্প্রেড রেডিয়াস ব্লারকে প্রভাবিত না করেই ছায়ার আকার প্রসারিত বা সংকুচিত করে। কালার পিকার আলফা চ্যানেলের মাধ্যমে opacity নিয়ন্ত্রণসহ ছায়ার রং সেট করে।
একটি লাইভ প্রিভিউ কার্ড প্রতিটি সমন্বয়ের প্রভাব অবিলম্বে দেখায়। প্রিভিউ কার্ডটি একটি বাস্তব UI কম্পোনেন্ট অনুকরণ করার জন্য সাদা ব্যাকগ্রাউন্ড এবং গোল কোণসহ স্টাইল করা হয়, তাই আপনার প্রকৃত ইন্টারফেস এলিমেন্টে ছায়া ঠিক কেমন দেখাবে তা দেখতে পারেন। দ্রুত নির্বাচনের জন্য ছয়টি প্রিসেট শ্যাডো অন্তর্ভুক্ত: সূক্ষ্ম, মাঝারি, ভারী, ঝাপসা, ইনসেট এবং উত্তোলিত।
জেনারেট করা CSS box-shadow কোড একটি কপি-প্রস্তুত ফরম্যাটে প্রদর্শিত হয়। আউটপুট ভেতরের ছায়ার জন্য inset কীওয়ার্ডসহ সম্পূর্ণ শর্টহ্যান্ড সিনট্যাক্স সমর্থন করে। আউটপুট কপি করে ম্যানুয়ালি একাধিক ডিক্লারেশন পেস্ট করে একাধিক box-shadow মান একত্রিত করা যায়। টুলটিও যাচাই করে সিনট্যাক্স সঠিক, তাই প্রতিটি কপি একটি বৈধ CSS ডিক্লারেশন।