คุณสมบัติ CSS3 Opacity (ความทึบแสง)

Opacity (ความทึบแสง) ควบคุมความโปร่งใสขององค์ประกอบ ค่าอยู่ระหว่าง 0.0 (โปร่งใสเต็มที่) ถึง 1.0 (ทึบแสงเต็มที่)

ตัวอย่างด้านล่างแสดงคุณสมบัติ CSS3 Opacity:

ตัวอย่าง

<html>
  <head>
    <style>
      #m1 { background-color: rgb(255,0,0); opacity: 0.6; }
      #m2 { background-color: rgb(0,255,0); opacity: 0.6; }
      #m3 { background-color: rgb(0,0,255); opacity: 0.6; }
    </style>
  </head>
  <body>
    <p>HSLA colors:</p>
    <p id="m1">Red</p>
    <p id="m2">Green</p>
    <p id="m3">Blue</p>
  </body>
</html>