বক্স শ্যাডো জেনারেটর

অফসেট, ব্লার, স্প্রেড এবং কালার সহ লেয়ারযুক্ত বক্স-শ্যাডো ডিজাইন করুন। একটি কার্ডে প্রিভিউ করুন, তারপর এক ক্লিকে CSS কপি করুন।

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

অফসেট, ব্লার, স্প্রেড এবং রঙ সহ লেয়ারযুক্ত বক্স-শ্যাডো ডিজাইন করুন — লাইভ প্রিভিউ অন্তর্ভুক্ত।
আপনার ব্রাউজারে চলে
ব্যবহার করার জন্য বিনামূল্যে

কীভাবে ব্যবহার করবেন

অফসেট, ব্লার এবং স্প্রেড সামঞ্জস্য করুন।
রঙ এবং অস্বচ্ছতা বাছুন (বা স্তর যোগ করুন)।
বক্স-শ্যাডো সিএসএস কপি করুন।

How this tool works

অফসেট, ব্লার এবং স্প্রেড সামঞ্জস্য করুন।
রঙ এবং অস্বচ্ছতা বাছুন (বা স্তর যোগ করুন)।
বক্স-শ্যাডো সিএসএস কপি করুন।

Recommended settings

প্রথমে ডিফল্ট বিকল্পগুলি ব্যবহার করুন, তারপর প্রয়োজন হলে সামঞ্জস্য করুন

Supported formats

Text / on-page input

File size and limits

খুব জটিল মাল্টি-লেয়ার প্রিভিউ পুরানো ফোনে ধীরগতির মনে হতে পারে।

Privacy

রঙ এবং CSS জেনারেটর সম্পূর্ণরূপে আপনার ব্রাউজারে চলে। পূর্বরূপ এবং রূপান্তর আপনার শৈলী আপলোড না.

Common use cases

যখনই আপনার প্রয়োজন হবে বক্স শ্যাডো জেনারেটর ব্যবহার করুন: অফসেট, ব্লার, স্প্রেড এবং রঙ সহ লেয়ারযুক্ত বক্স-শ্যাডো ডিজাইন করুন — লাইভ প্রিভিউ অন্তর্ভুক্ত।

Troubleshooting

প্রিভিউ পেস্ট করার পরে ভিন্ন দেখায়

আপনার পৃষ্ঠায় প্রতিযোগী CSS পরীক্ষা করুন (রিসেট, উত্তরাধিকারসূত্রে পাওয়া রং)। উত্পন্ন নিয়মটি প্রথমে একটি বিচ্ছিন্ন স্টাইলশীটে অনুলিপি করুন।

প্রশ্নোত্তর

এটি কি আমার সিএসএস আপলোড করে?

না। জেনারেটর এবং রূপান্তরকারী লাইভ প্রিভিউ সহ আপনার ব্রাউজারে চলে।

আমি একটি অ্যাকাউন্ট প্রয়োজন?

না। টুল খুলুন, নিয়ন্ত্রণ পরিবর্তন করুন এবং CSS কপি করুন।