rgba() লাল, সবুজ, নীল এবং আলফার জন্য RGBA রঙের মান নির্ধারণ করে। আলফা হল রঙের অস্বচ্ছতা অর্থাৎ 0.0 এবং 1.0 এর মধ্যে একটি সংখ্যা। এখানে, 1.0 সম্পূর্ণ অস্বচ্ছ জন্য হবে।
উদাহরণ
এখন rgba() ফাংশন −
বাস্তবায়নের একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<head>
<style>
#demo1 {background-color: hsla(140, 100%, 50%, 0.8);}
#demo2 {background-color: hsla(130, 100%, 50%, 0.6);}
#demo3 {background-color: hsla(190, 100%, 50%, 0.4);}
#demo4 {background-color: hsla(170, 100%, 50%, 0.3);}
#demo5 {background-color: hsl(150, 100%, 60%);}
#demo6 {
background-color:rgba(108,111,35,0.6);
font-size:30px;
color:yellow;
transform: rotate(45deg);
}
</style>
</head>
<body>
<h1>Cricketers</h1>
<p id="demo1">David Warner</p>
<p id="demo2">Steve Smith</p>
<p id="demo3">Mark Waugh</p>
<p id="demo4">Steve Waugh</p>
<p id="demo5">David Johnson</p>
<p id="demo6">Australian Cricketers</p>
</body>
</html> আউটপুট
উদাহরণ
আসুন আরেকটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<head>
<style>
span {
background-color: rgba(100, 150, 50, 0.6);
text-decoration: line-through;
text-decoration-color: blue;
}
.demo2 {
text-decoration: underline;
text-decoration-color: yellow;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near <span>XYZ College</span> ABC College.</p>
<p class="demo2">Exam begins at 11AM.</p>
</body>
</html> আউটপুট
