বিস্ময় অ্যানসারস এ আপনাকে সুস্বাগতম। এখানে আপনি প্রশ্ন করতে পারবেন এবং বিস্ময় পরিবারের অন্যান্য সদস্যদের নিকট থেকে উত্তর পেতে পারবেন। বিস্তারিত জানতে এখানে ক্লিক করুন...
130 জন দেখেছেন
"এইচটিএমএল" বিভাগে করেছেন (45 পয়েন্ট)
সম্পাদিত করেছেন

ধরুন, আমি একটি লেখা রং করবো এজন্য আমাকে আপনারা আমাকে এইচটিএমএল কোড দেন?কিন্তু মনে রাখবেন আমি একের অধিক রঙের কথা বলছি।অর্থাৎ একটি লেখায় আমি দুইটি বা তিনটি রঙ্গ ব্যবহার করতে চাই এজন্য আমাকে এইচটিএমএল কোড দেন?

1 উত্তর

+2 টি পছন্দ
করেছেন (1,383 পয়েন্ট)
সম্পাদিত করেছেন

এই জিনিসটা করার জন্যে আপনি সরাসরি কোন css কোড পাবেন না। এটা করতে হলে আপনাকে একটু ক্রিয়েটিভিটি খাটাতে হবে। যেমনঃ 


প্রথমেই আমরা একটা div নেই এবং এটার ভিতর কিছু কোড লিখি।


<div> Hi, Color me with multiple color</div>


এটার রেসাল্ট আসবে এমনঃ


Hi, Color me with multiple color

এখন আমরা এর ব্যাকগ্রাউন্ডটাকে দুটি কালার দিয়ে ফিল করব।

<div style="background-image: linear-gradient(to right, lightgreen, green);">Hi, Color me with multiple color</div>

এটার রেসাল্ট হলোঃ 

Hi, Color me with multiple color

এখন এটার ডিস্প্লে ইনলাইন ব্লক করে দিবো। তাহলে এমন দেখাবেঃ

<div style="background-image: linear-gradient(to right, lightgreen, green);display:inline-block;">Hi, Color me with multiple color</div>

রেসাল্টঃ 

Hi, Color me with multiple color


এখন আমরা ব্যাকগ্রাউন্ডটাকে শুধু মাত্র যেই জায়গায় টেক্সট আছে সেই জায়গায় এভেইলেবল করে দিবো

<div style="background-image: linear-gradient(to right, lightgreen, green);display:inline-block;-webkit-background-clip:text;">Hi, Color me with multiple color</div>

এর রেসাল্ট হলো এমনঃ 

Hi, Color me with multiple color

এখন আমরা লেখার কালারটাকে সচ্ছ্ব করে দিলেই ব্যাকগ্রাউন্ড কালারটাকে টেক্সট কালার হিসেবে পেয়ে যাবোঃ 

<div style="background-image: linear-gradient(to right, lightgreen, green);display:inline-block;-webkit-background-clip:text;color: transparent;">Hi, Color me with multiple color</div>

রেসাল্টঃ 

Hi, Color me with multiple color

আর এইভাবে আপনি এক লেখাই যতগুলো ইচ্ছে কালার করতে পারবেন। 
উদাহরণঃ 

<div style="background-image: linear-gradient(to right, lightgreen, green, blue, orange, red, silver, pink, olive);display:inline-block;-webkit-background-clip:text;color: transparent;font-weight: 700; font-size: 25px;">Hi, Color me with multiple color</div>

রেসাল্টঃ 

Hi, Color me with multiple color

বিঃদ্রঃ আপনার ব্রাউজার যদি আপডেটেট না থাকে তাহলে এই ট্রিক্সটি আপনার ব্রাউজারে কাজ করবে না। 

কোথাও বুঝতে সমস্যা হলে মন্তব্য করে জানাবেন।
ধন্যবাদ

সম্পর্কিত প্রশ্নগুচ্ছ

0 টি উত্তর
3 টি উত্তর
2 টি উত্তর
28 মে "এইচটিএমএল" বিভাগে জিজ্ঞাসা করেছেন Md: Redowan Islam (45 পয়েন্ট)
1 উত্তর
25 মে "এইচটিএমএল" বিভাগে জিজ্ঞাসা করেছেন Md: Redowan Islam (45 পয়েন্ট)
0 টি উত্তর
12 এপ্রিল "এইচটিএমএল" বিভাগে জিজ্ঞাসা করেছেন 00000 (13 পয়েন্ট)

307,109 টি প্রশ্ন

396,012 টি উত্তর

121,031 টি মন্তব্য

170,169 জন নিবন্ধিত সদস্য

বিস্ময় বাংলা ভাষায় সমস্যা সমাধানের একটি নির্ভরযোগ্য মাধ্যম। এখানে আপনি আপনার প্রশ্ন করার পাশাপাশি অন্যদের প্রশ্নে উত্তর প্রদান করে অবদান রাখতে পারেন অনলাইনে বিভিন্ন সমস্যার সমাধানের জন্য সবথেকে বড় এবং উন্মুক্ত তথ্যভাণ্ডার গড়ে তোলার কাজে।
...