CSS টেক্সট শ্যাডো জেনারেটর কী?

ফ্রি অনলাইন CSS টেক্সট শ্যাডো জেনারেটর। ভিজুয়াল কন্ট্রোলের মাধ্যমে টেক্সট শ্যাডো প্যারামিটার সামঞ্জস্য করুন।

টেক্সট শ্যাডো টাইপোগ্রাফিতে গভীরতা এবং মাত্রা যোগ করে, হেডলাইনকে প্রাণবন্ত করে, 3D প্রভাব তৈরি করে এবং অন্যথায় সমতল টেক্সটে ভিজ্যুয়াল আগ্রহ যোগ করে। CSS টেক্সট শ্যাডো জেনারেটর রিয়েল-টাইম প্রিভিউসহ মাল্টি-লেয়ার শ্যাডো নিয়ন্ত্রণ প্রদান করে, যা আপনাকে নিখুঁত প্রভাব অর্জন না করা পর্যন্ত অফসেট, ব্লার, রঙ এবং অস্বচ্ছতা সংমিশ্রণ নিয়ে পরীক্ষা করতে দেয়।

নিয়ন্ত্রণ প্যানেল অনুভূমিক অফসেট (শ্যাডোটি কতদূর ডানে বা বামে স্থানান্তরিত হয়), উল্লম্ব অফসেট (উপর বা নিচে স্থানান্তরিত), ব্লার রেডিয়াস (শ্যাডো প্রান্ত কতটা নরম বা তীক্ষ্ণ), শ্যাডো রঙ (কালার পিকারসহ) এবং অস্বচ্ছতা (সম্পূর্ণ স্বচ্ছ থেকে সম্পূর্ণ অস্বচ্ছ পর্যন্ত) সামঞ্জস্য করে। নেতিবাচক অফসেট শ্যাডোকে বামে বা উপরে স্থানান্তরিত করে।

জটিল প্রভাব তৈরি করতে একাধিক শ্যাডো লেয়ার স্তুপীকৃত করা যেতে পারে। প্রতিটি অতিরিক্ত লেয়ার হ্রাসকারী অস্বচ্ছতার সাথে সামান্য দূরে অবস্থান করা হয়, যা একটি মসৃণ 3D এক্সট্রুশন প্রভাব তৈরি করে। উদাহরণস্বরূপ, ক্রমবর্ধমান অফসেটসহ একটি ৪-লেয়ার শ্যাডো একটি উত্থিত 3D টেক্সট চেহারা তৈরি করে। লেয়ারগুলো পৃথকভাবে সরানো যেতে পারে।

প্রিভিউ টেক্সট কাস্টমাইজ করা যেতে পারে — ভিন্ন বর্ণের আকার এবং সংমিশ্রণে শ্যাডো প্রভাব কেমন দেখায় তা দেখতে যেকোনো শব্দ বা ফ্রেজ লিখুন। প্রিভিউ এলাকা আপনার পছন্দের ব্যাকগ্রাউন্ড রঙের (হালকা বা গাঢ়) বিপরীতে একটি বড় পঠনযোগ্য আকারে টেক্সট দেখায়। জেনারেট করা CSS কোড একটি প্যানেলে দেখানো হয় এবং এক ক্লিকে কপি করা যায়। কোডটি সম্পূর্ণ text-shadow প্রপার্টি মান অন্তর্ভুক্ত করে যা সব আধুনিক ব্রাউজারে কাজ করে।

CSS টেক্সট শ্যাডো জেনারেটর-এর বাস্তব ব্যবহারের উদাহরণ

একটি হেডলাইনের জন্য 3D এক্সট্রুশন টেক্সট প্রভাব তৈরি করা

একটি ল্যান্ডিং পেজ হেডলাইনের ভিজ্যুয়াল প্রভাব প্রয়োজন। ৪টি শ্যাডো লেয়ার যোগ করুন: প্রথমটি 2px 2px অফসেটে, গাঢ় ধূসর রঙ; দ্বিতীয়টি 4px 4px, হালকা; তৃতীয়টি 6px 6px, আরও হালকা; চতুর্থটি 8px 8px, সবচেয়ে হালকা। স্তুপীকৃত শ্যাডোগুলো একটি 3D এক্সট্রুশন প্রভাব তৈরি করে যেখানে টেক্সটটি পেজের উপরে ভাসছে বলে মনে হয়।

গাঢ় ব্যাকগ্রাউন্ডের জন্য একটি নরম গ্লো প্রভাব যোগ করা

গাঢ় ব্যাকগ্রাউন্ডে সাদা টেক্সটের প্রাণবন্ত হওয়ার জন্য গ্লো প্রয়োজন। অনুভূমিক ও উল্লম্ব অফসেট 0px, ব্লার 8px সেট করুন, একটি উজ্জ্বল সায়ান রঙ বেছে নিন, অস্বচ্ছতা 0.7। শূন্য অফসেট উচ্চ ব্লারের সাথে শ্যাডো অবস্থান স্থানান্তর না করে টেক্সটের প্রান্তের চারপাশে একটি নরম গ্লো তৈরি করে।

একটি ভিন্টেজ লেটারপ্রেস স্টাইল শ্যাডো ডিজাইন করা

একটি ভিন্টেজ-স্টাইল হেডিংয়ের ইনসেট শ্যাডো চেহারা প্রয়োজন। হালকা ব্যাকগ্রাউন্ডে একটি হালকা টেক্সট রঙ সেট করুন। অফসেট 1px 1px, ব্লার 1px, গাঢ় রঙ (ব্যাকগ্রাউন্ডের মতো একই হিউ তবে গাঢ়), অস্বচ্ছতা 0.5 ব্যবহার করুন। সূক্ষ্ম নিচে-ডান অফসেট লেটারপ্রেস প্রেস-ইন প্রভাব তৈরি করে।

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

  • Multi-layer text shadow support
  • রিয়েল-টাইম preview with custom text
  • Adjustable color, opacity, and blur
  • Clean, ready-to-use CSS output

CSS টেক্সট শ্যাডো জেনারেটর কীভাবে ব্যবহার করবেন — ধাপে ধাপে

1

horizontal offset, vertical offset, and blur. সামঞ্জস্য করুন।

2

the shadow color and opacity. নির্বাচন করুন।

3

Add multiple shadow layers for richer effects.

4

the generated CSS code. কপি করুন।

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

  • headline styling
  • logo effects
  • presentation titles
  • creative typography

CSS টেক্সট শ্যাডো জেনারেটর-এর জন্য প্রো টিপস

  • 1পাঠযোগ্যতা উন্নত করে এমন একটি সাধারণ ড্রপ শ্যাডোর জন্য, offset: 2px 2px, blur: 4px, color: rgba(0,0,0,0.3) ব্যবহার করুন। এটি ভিন্ন ব্যাকগ্রাউন্ডে সাদা টেক্সটের জন্য ভালো কাজ করে।
  • 2একাধিক শ্যাডো লেয়ার CSS text-shadow প্রপার্টিতে কমা দিয়ে একত্রিত হয়। প্রতিটি লেয়ার নির্দিষ্ট ক্রমে পূর্ববর্তীটির উপরে রেন্ডার হয়।
  • 3নিয়ন গ্লো প্রভাবের জন্য, উচ্চ ব্লার (8-16px) এবং একটি উজ্জ্বল রঙসহ 0px অফসেট ব্যবহার করুন। ছোট ব্লার (4px) এবং সামান্য ভিন্ন রঙসহ একটি দ্বিতীয় লেয়ার যোগ করলে আরও বাস্তবসম্মত নিয়ন চেহারা তৈরি হয়।
  • 4অতিরিক্ত ব্যবহার করলে টেক্সট শ্যাডো পাঠযোগ্যতাকে প্রভাবিত করতে পারে। সূক্ষ্ম প্রভাব (ছোট অফসেট, কম ব্লার) সাধারণত নাটকীয় মাল্টি-লেয়ার শ্যাডোর চেয়ে বেশি পঠনযোগ্য।

CSS টেক্সট শ্যাডো জেনারেটর — প্রায়শই জিজ্ঞাসিত প্রশ্ন

কীভাবে multiple shadow layers work?

Each additional layer increases the offset and reduces opacity slightly, creating a stacked depth effect similar to a 3D text extrusion.

আমি কি change the preview text?

হ্যাঁ। preview text input lets you type any text to see how the shadow looks with different letter shapes.

Will the generated CSS work in all browsers?

The CSS generators produce W3C-standard code that works in Chrome, Firefox, Safari, and Edge. Vendor prefixes are included where needed for older browser versions.

Can I copy the generated code directly?

Yes. Each generator provides a copy button that places the code on your clipboard. The code is ready to paste into your project — no cleanup or modification needed.

Is CSS টেক্সট শ্যাডো জেনারেটর really free to use?

Yes, CSS টেক্সট শ্যাডো জেনারেটর is completely free with no hidden charges, no usage limits, and no premium tiers. You can use it as often as you need without signing up or providing any personal information.

CSS টেক্সট শ্যাডো জেনারেটর ব্যবহার করতে প্রস্তুত?

বিনামূল্যের অনলাইন টুল — আপনার ব্রাউজারে কাজ করে, নিবন্ধনের প্রয়োজন নেই। এখনই ব্যবহার শুরু করুন।

এখনই চেষ্টা করুন
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.