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