ছায়া জেনারেটর
CSS বক্স ছায়া তৈরি করুন
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
আমাদের বক্স শ্যাডো জেনারেটরের সাথে সুন্দর ছায়া প্রভাব ডিজাইন করুন। ভিজ্যুয়াল প্রিভিউ এবং তাত্ক্ষণিক কোড জেনারেশন সহ বোতাম, কার্ড এবং UI উপাদানগুলির জন্য কাস্টম CSS ছায়া তৈরি করুন।
Key Features
সামঞ্জস্যযোগ্য ছায়া অফসেট (অনুভূমিক এবং উল্লম্ব)
ব্লার এবং স্প্রেড ব্যাসার্ধ নিয়ন্ত্রণ
অস্বচ্ছতা সমন্বয় সহ কাস্টম ছায়া রঙ
জটিল প্রভাবের জন্য একাধিক ছায়া সমর্থন
রিয়েল-টাইম ভিজ্যুয়াল প্রিভিউ
এক ক্লিকে CSS কোড কপি করুন
বক্স শ্যাডো জেনারেটর
অফসেট সামঞ্জস্য করুন
পিক্সেলে অনুভূমিক এবং উল্লম্ব ছায়া অফসেট সেট করতে স্লাইডার ব্যবহার করুন
ব্লার এবং স্প্রেড সেট করুন
ব্লার ব্যাসার্ধ (কোমলতা) এবং স্প্রেড ব্যাসার্ধ (আকার সম্প্রসারণ) কনফিগার করুন
রঙ চয়ন করুন
ছায়ার রঙ নির্বাচন করুন এবং পছন্দসই প্রভাবের জন্য অস্বচ্ছতা সামঞ্জস্য করুন
পূর্বরূপ প্রভাব
রিয়েল-টাইমে পূর্বরূপ উপাদানের ছায়া প্রভাব দেখুন
কপি এবং ব্যবহার করুন
আপনার স্টাইলশীটে CSS বক্স-শ্যাডো কোড যোগ করতে অনুলিপি ক্লিক করুন
Use Cases
বোতামগুলিতে গভীরতা এবং উচ্চতার প্রভাব তৈরি করা
সূক্ষ্ম ছায়া দিয়ে কার্ডের উপাদান ডিজাইন করা
গতিশীল ছায়ার সাথে হোভার প্রভাব যোগ করা হচ্ছে
ছায়া শ্রেণীবিন্যাস সহ স্তরযুক্ত UI ডিজাইন তৈরি করা
Frequently Asked Questions
বক্স-ছায়া কিসের জন্য ব্যবহৃত হয়?
বক্স-ছায়া গভীরতা এবং চাক্ষুষ আগ্রহের জন্য HTML উপাদানগুলির চারপাশে ছায়া প্রভাব তৈরি করে
আমি কি একাধিক ছায়া তৈরি করতে পারি?
হ্যাঁ, টুলটি জটিল প্রভাবের জন্য একাধিক বক্স-ছায়া সমর্থন করে
কিভাবে অস্বচ্ছতা ছায়া প্রভাবিত করে?
অস্বচ্ছতা (আলফা) 0 (স্বচ্ছ) থেকে 1 (অস্বচ্ছ) থেকে ছায়ার স্বচ্ছতা নিয়ন্ত্রণ করে
ছায়া সিএসএস সামঞ্জস্যপূর্ণ?
হ্যাঁ, সমস্ত তৈরি করা বক্স-শ্যাডো মান আধুনিক ব্রাউজারগুলির সাথে সামঞ্জস্যপূর্ণ
Tool Information
Related Tools You Might Like
ছবি থেকে Color Palette Generator
একটি ছবি থেকে ভয়াবহ রঙ বের করুন
RGB / HEX রূপান্তরকারী
RGB এবং HEX রঙ ফরমেটের মধ্যে পরিদর্শন
CSS Gradient জেনারেটর
পূর্বাভাসের সাথে custom CSS gradients তৈরি করুন
WCAG প্রতিরোধ চেকার
WCAG স্ট্যান্ডার্ড অনুযায়ী রঙের প্রতিরোধ পরীক্ষা করুন
ডিজিটাল signature জেনারেটর
বিভিন্ন ফটোগ্রামের সাথে ডিজিটাল চিঠি তৈরি করুন
ছায়া জেনারেটর
CSS টেক্সট ছায়া
Surfboard Volume ক্যালকুলেটার
আপনার ওজন, অভিজ্ঞতা মাত্রা এবং ভয়াবহ অবস্থার উপর ভিত্তি করে সার্ফবোর্ড মোটামুটি হিসাব করুন।
Wave Height কনভার্টার
বিভিন্ন জল উচ্চতা মাত্রাগুলির মধ্যে পরিদর্শন করুন (পৃথিবীর উচ্চতা, হাওয়াই স্কুল, সমুদ্র ত্বক)।
Scuba Dive পরিকল্পনা
গভীরতা সীমাবদ্ধতা, নিম্ন সময় এবং নিরাপত্তা decompression প্রয়োজনীয়তা সঙ্গে আপনার স্কুবা ডাইভিং পরিকল্পনা করুন।