কম্পিউটার টিউটোরিয়াল

CSS-এ hsl() ফাংশন ব্যবহার


উদাহরণ

Hue-Saturation-Lightness (HSL) মডেল ব্যবহার করে রং সংজ্ঞায়িত করতে CSS-এ hsl() ফাংশন ব্যবহার করা হয়। নিচের উদাহরণে দুটি হেডিংতে ভিন্ন HSL রং প্রয়োগ করা হয়েছে।

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1 {
        background-color: hsl(0, 100%, 50%);
      }
      h2 {
        background-color: hsl(192, 89%, 48%);
      }
    </style>
  </head>
  <body>
    <h1>লাল ব্যাকগ্রাউন্ড</h1>
    <h2>নীল ব্যাকগ্রাউন্ড</h2>
  </body>
</html>

  1. CSS-এ hsla() ফাংশন ব্যবহার

  2. CSS-এ repeating-radial-gradient() ফাংশন ব্যবহার

  3. CSS rotate() ফাংশন

  4. CSS rgba() ফাংশন