কম্পিউটার

CSS3 রেডিয়াল গ্রেডিয়েন্ট


রেডিয়াল গ্রেডিয়েন্টগুলি কেন্দ্রে উপস্থিত হয়। আপনি CSS3 −

-এ রেডিয়াল গ্রেডিয়েন্ট প্রয়োগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

উদাহরণ

<html>
   <head>
      <style>
         #grad1 {
            height: 100px;
            width: 550px;
            background: -webkit-radial-gradient(red 5%, green 15%, pink 60%);
            background: -o-radial-gradient(red 5%, green 15%, pink 60%);
            background: -moz-radial-gradient(red 5%, green 15%, pink 60%);
            background: radial-gradient(red 5%, green 15%, pink 60%);
         }
      </style>
   </head>
   <body>
      <div id = "grad1"></div>
   </body>
</html>

  1. CSS3 স্বচ্ছতা এবং গ্রেডিয়েন্ট

  2. CSS3 লিনিয়ার এবং রেডিয়াল গ্রেডিয়েন্ট ব্যবহার করা

  3. CSS ব্যবহার করে রেডিয়াল গ্রেডিয়েন্টের আকার নির্ধারণ করা

  4. CSS ব্যবহার করে রেডিয়াল গ্রেডিয়েন্টের আকৃতি নির্ধারণ করা