今回の記事では背景色を透過させるやり方を紹介いたします。

要素に対して背景色を指定することはよくあると思います。

その背景色を透過させて表示させます。

このように背景色を指定した要素があるとします。

background: #1CC800;と指定しました。

やり方

先程、background: #1CC800;と指定した要素に対して、

background: rgba(28, 200, 0, 0.5);と指定します。

28と200と0は#1CC800をカラーコードで指定した場合になります。

最後の0.5は透過率になります。

0.5で50%透過した状態になります。

その結果

このように透過させて表示することができます。