CSS Responsive
CSS - Responsive Web Design

CSS3 Opacity property

CSS Web Development Front End Technology

The opacity is a thinner paints need black added to increase opacity.

The following example shows CSS3 Opacity property −

Example

<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>

Updated on 30-Jul-2019 22:30:22

0 Views

Previous Page Next Page

Advertisements