CSS3 要素を透明に出来る Opacity と RGBa の使い方のデモページ

Opacity プロパティの使い方

background: #333;
padding: 10px;
border: 5px solid #000;
color: #fff;
opacity: 0.6

RGBa プロパティの使い方

background-color

background-color: rgba(51,51,51,0.6);
padding: 10px;
border: 5px solid #000;
color: #fff;

border-color

background-color: rgba(51,51,51,0.6);
padding: 10px;
border: 5px solid rgba(0,0,0,0.6);
color: #fff;

color

background-color: rgba(51,51,51,0.6);
padding: 10px;
border: 5px solid rgba(0,0,0,0.6);
color: rgba(255,255,255,0.6);

text-shadow に RGBa

background-color: rgba(51,51,51,0.8);
padding: 10px;
font-weight: bold;
color: #fff;
text-shadow: 3px 3px 1px rgba(255,0,0,0.6);

box-shadow に RGBa

background-color: rgba(51,51,51,0.8);
padding: 10px;
color: #fff;
-webkit-box-shadow: 3px 3px 5px rgba(255,0,0,0.6);
-moz-box-shadow: 3px 3px 5px rgba(255,0,0,0.6);