CSS এ Gredient কয় রকম ?

আমাদের প্রশ্ন থাকতে পারে, সিএসএসে গ্র্যাডিয়েন্ট কতরকম হতে পারে?ব্যাবহার কিরকম?
রেডিয়াল
লিনিয়ার


আমি আজ আপনাদের প্রশ্নের উত্তর দিচ্ছি,











সিএসএস গ্র্যাডিয়েন্ট ২ রকম হতে পারে।


  1. লিনিয়ার গ্র্যাডিয়েন্ট
  2. রেডিয়াল গ্র্যাডিয়েন্ট

আরেকটা ব্যাপার জেনে রাখা ভালো,
লিনিয়ার গ্র্যাডিয়েন্ট অ্যানগুলার গ্র্যাডিয়েন্ট বানানো যায়।


আপনার ওয়েবপেজের ব্যাকগ্রাউন্ডেও যেমন গ্র্যাডিয়েন্ট দিতে পারেন, তেমনই কোনও ফর্ম কিংবা নির্দিষ্ট কিছুর ব্যাকগ্রাউন্ড গ্র্যাডিয়েন্ট দিতে পারেন।


লিনিয়ার গ্র্যাডিয়েন্ট যেভাবে বানাবেন,
background: linear-gradient( red, green, blue);
নমুনা,  এখানে আগে যে রঙ দেবেন তা প্রথমে দেখাবে


<style>
body {
background: linear-gradient( red, green, blue);
}
</style>
<body>
হ্যালো ওয়ার্ল্ড !
</body>


রেডিয়াল গ্র্যাডিয়েন্ট যেভাবে বানাবেন,

background: radial-gradient (red ,lime);

নমুনা,
<style>
body {background: radial-gradient( red, green, blue);}</style><body>হ্যালো ওয়ার্ল্ড !</body>



কোনও ওয়েবপেজের ব্যাকগ্রাউন্ডে গ্র্যাডিয়েন্ট দিতে বডি ব্যাকগ্রাউন্ড করে দেবেন।

মারকুই ব্যাকগ্রাউন্ড করতে marquee{ background: background: radial-gradient( red, green, blue);} লিখবেন




শেয়ার করুন

লেখকঃ

আমি তাওসিফ তুরাবি, অনলাইনাম (অনলাইন + নাম) ব্লগার তাওসিফ। এখন, ২০১৬ পর্যন্ত আমি ১৬ বছরের এক কিশোর। পড়াশোনা করি শহীদ পুলিশ স্মৃতি কলেজে। টেক ব্লগ লিখতে ভালবাসি। সাইন্স ফিকশন আর গল্প লিখতে পছন্দ করি।  জিআর+ ব্লগের এর একজন প্রতিষ্ঠাতা অ্যাডমিন।
আমাদের একটা ওয়েব ডেভেলপার ফার্ম আছে যার নাম জিআর+ আইটি বাংলাদেশ
এছাড়া আমার ব্যাক্তিগত ব্লগ রয়েছে। আমার ফেসবুক আইডিতে আমার সাথে সর্বক্ষণ যোগাযোগ করতে পারবেন। 


পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট