CSS3 - Opacity

#L1 { background:#036; opacity:0.2; height:20px; width:500px; margin:20px auto; text-align:center; }
#L2 { background:#036; opacity:0.4; height:20px; width:500px;  margin:20px auto; text-align:center;}
#L3 {  background:#036; opacity:0.6; height:20px; width:500px;  margin:20px auto; text-align:center;}
#L4 {  background:#036; opacity:0.8; height:20px; width:500px; margin:20px auto; text-align:center; }
#L5 { background:#036; opacity:1.0; height:20px; width:500px; margin:20px auto; text-align:center; }


#L7 { height:20px; width:500px; margin:20px auto; text-align:center;  }
#L8 { opacity:0.25; width:150px; height:50px; margin:20px auto; text-align:center; }
#L9 {opacity:0.50; width:150px; height:50px; margin:20px auto; text-align:center; }
#L10 {  opacity:0.75; width:150px; height:50px; margin:20px auto; text-align:center; }
#L11 {  opacity:1.0; width:150px; height:50px; margin:20px auto; text-align:center; }