সেরা বিনামূল্যে CSS বাক্স ছায়া উৎপাদক
লাইভ প্রাকদর্শন, ইনসেট এবং দ্বিতীয় স্তর সহ CSS বাক্স-শ্যাডো দৃশ্যমানভাবে নির্মাণ করুন - কোড অনুলিপি করুন।
১০০% ফ্রি
কোন নিবন্ধন নেই
কোন ওয়াটারমার্ক নেই
✨
সবচেয়ে ভালো AI মডেল - ছবি, ভিডিও এবং চ্যাটের জন্য Go Pro ব্যবহার করুন - এর সাথে বড় আকারের আপলোড, অপেক্ষার তালিকায় অগ্রাধিকার এবং অপেক্ষা না করা।
Pro-এ উন্নীত করুন
ভালবাসা Best.Free? শেয়ার করো
এটা কিভাবে কাজ করে
- স্লাইডার সরাও. অফসেট, অস্পষ্টতা, প্রসারিত, রং এবং অস্বচ্ছতা নির্ধারণ করুন; যদি আপনি অন্তরস্থ ছায়া চান তবে ইনসেট টগল করুন।
- প্রাকদর্শন দেখুন. আপনি টেনে আনার সময় লাইভ বাক্সটি আপডেট করা হবে; গভীরতার জন্য উন্নত অপশনে দ্বিতীয় স্তর যোগ করা হবে।
- সি- এস- এস অনুলিপি করো. CSS কপি করো এবং বাক্স- ছায়া নিয়ম আপনার স্টাইলশিটে সরাসরি পেস্ট করো ।
এই টুল সম্বন্ধে
পিক্সেলের মান অনুমান না করে একটি বাক্স-ছায়া নকশা করুন। অফসেট-X, অফসেট-Y, অস্পষ্টতা এবং ছড়িয়ে পড়ার স্লাইডার টানুন, ছায়া রং বেছে নিন এবং এর অস্বচ্ছতা পরিবর্তন করুন, এবং বাস্তব সময়ে বাক্সের প্রাকদর্শন আপডেট দেখুন - তারপর সঠিক বাক্স-ছায়া CSS অনুলিপি করুন। অভ্যন্তরীণ ছায়া তৈরির জন্য ইনসেট টগল পাল্টান। উন্নত অপশনে দ্বিতীয় ছায়া স্তর স্তূপিত করা হয়, যাতে আপনি আধুনিক কার্ড এবং বাটন ব্যবহার করে নরম, বহুস্তর বিশিষ্ট ছায়া তৈরি করতে পারেন। সবকিছু আপনার ব্রাউজার থেকে চালানো হয়।
মানুষ এটা কিসের জন্য ব্যবহার করে
- কার্ড এবং মোডাল- এ নরম ছায়া যোগ করো
- ইনপুট এবং ওয়াল- এর জন্য একটি অভ্যন্তরীণ (ইনসেট) ছায়া তৈরি করো
- বাস্তবসম্মত, বিচ্ছিন্ন ছায়া তৈরির জন্য দুইটি স্তর স্তূপিত করুন
- নকশার মোকআপ অনুযায়ী অফসেট এবং অস্পষ্টতা সংশোধন করুন
প্রায়শই জিজ্ঞাসিত প্রশ্ন
X/Y অফসেট ছায়াকে অনুভূমিক ও উলম্বভাবে সরিয়ে দেয়, অস্পষ্টতা এর প্রান্তকে নরম করে এবং অস্পষ্টতা প্রয়োগ করার পূর্বে পুরো ছায়াকে বৃদ্ধি বা সংকুচিত করে। সরাসরি প্রাকদর্শনে প্রত্যেক পরিবর্তন তাৎক্ষণিকভাবে দেখানো হয়।
ইনসেট উপাদানটির পিছনের বদলে উপাদানের ভিতরে ছায়া আঁকে, যা একটি চাপানো-আউট চেহারা দেয় - ইনপুট এবং টগল করার জন্য ব্যবহারযোগ্য। টগল করার জন্য ইনসেট টগলকে উল্টাও।
একটি রং বেছে নিন, তারপর অস্বচ্ছতা স্লাইডার ব্যবহার করুন; টুলটি একটি rgba () মান আউটপুট করবে যাতে ছায়া স্বাভাবিকভাবে মিশ্রিত হয়।
হ্যাঁ। অগ্রসর অপশন খোলা হলে একটি দ্বিতীয় ছায়া স্তর সক্রিয় করা হবে যার নিজস্ব অফসেট, অস্পষ্টতা, রং এবং ইনসেট থাকবে।
না । জেনারেটর সম্পূর্ণরূপে আপনার ব্রাউজার- এ চালানো হয়; স্লাইডারগুলি শুধুমাত্র স্থানীয়ভাবে একটি সি- এস- এস স্ট্রিং গণনা করে ।
সম্পূর্ণ বিনামূল্যে, কোন অ্যাকাউন্ট এবং কোন সীমা নেই - একটি ক্লায়েন্ট-সাইড টুল যার কোন পরিমাপ নেই।
হ্যাঁ, এটি আপনার ব্রাউজার থেকে চালানো হয়, তাই সিএসএস বক্স ছায়া উৎপাদক ফোন এবং ট্যাবলেট এবং ডেস্কটপ উভয় ক্ষেত্রেই কাজ করে - ইনস্টল করার জন্য কোন অ্যাপ নেই।
সাধারণত একটি সাধারণ ফাইলের জন্য কয়েক সেকেন্ডের মধ্যেই - সিএসএস বাক্স ছায়া উৎপাদক কাজ শুরু করে যখন আপনি এটিকে আপনার ইনপুট দেন।
বাহ্যিক ব্যবহার অসীমিত, একটি উদার ন্যায্য ব্যবহারের ক্যাপ এর অধীনে যা সবার জন্য দ্রুত রাখে।
সব আধুনিক ব্রাউজার - ক্রোম, সাফারি, ফায়ারফক্স এবং এডজ। CSS Box Shadow Generator-এর জন্য আপনার বর্তমানে ব্যবহৃত ব্রাউজার ছাড়া আর কিছু ইনস্টল করার প্রয়োজন নেই।