[opacity]と[rgba]の使い分け(HTML,CSS)
薄さを変える[opacity]と[rgba]の使い分け
どちらも対象を薄くすることが可能ですが違いは何でしょうか。
opacityは全部を薄くします。
rgbaは部分的に薄くすることが可能です(背景だけなど)。
例えば
.class{
opacity:0.5;
}
と書けばclass全体が半分薄くなります。ただ、classの中の背景だけは薄くしたいということもあるでしょう。その時は
.class{
background-color:rgba(〇,〇,〇,0.5);
}
とすると背景だけうすくすることができます。
ちなみにopacityは和訳すると不透明度なので、1が一番濃く、0に近づくにつれて薄くなります。
rgbaは左から順にred,green,blue,alphaで、このalphaが透明度を指定できるのですね。(opacityと同様に1が一番濃く、0に近づくにつれて薄くなります。)
Author And Source
この問題について([opacity]と[rgba]の使い分け(HTML,CSS)), 我々は、より多くの情報をここで見つけました https://qiita.com/gag_a/items/a1af82d1dbc4e1f4c5b0著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .