「CSS」rgbaを指定し色に透明度を付ける

書式
rgba(赤 , 緑 , 青 , 透明度)
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cftA {
/*透明度 100%*/
color: rgba(255, 0, 0, 1);
}
.cftB {
/*透明度50% */
color: rgba(255, 0, 0, 0.5);
}
/*透明度30% */
.cftC {
color: rgba(255, 0, 0, 0.3);
}
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 3333</p>
<style> .cftA { /*透明度 100%*/ color: rgba(255, 0, 0, 1); } .cftB { /*透明度50% */ color: rgba(255, 0, 0, 0.5); } /*透明度30% */ .cftC { color: rgba(255, 0, 0, 0.3); } </style> <p class="cftA">AAA 111</p> <p class="cftB">BBB 222</p> <p class="cftC">CCC 3333</p>
<style>
  .cftA {
  /*透明度 100%*/
    color: rgba(255, 0, 0, 1);
  }
  .cftB {
  /*透明度50% */
    color: rgba(255, 0, 0, 0.5);
  }
    /*透明度30% */
  .cftC {
    color: rgba(255, 0, 0, 0.3);
  }
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 3333</p>

 

CSS

Posted by arkgame