Opacity: 画像の透明度(不透明度)

• 0 〜 1 の数値(0.0〜1.0の範囲)で設定を行う.
• opacity:1 は オパシティ:100% のこと.
• opacity:0.9 は オパシティ:90% のこと.
• opacity:0.5 は オパシティ:50% のこと.
• opacity:0.1 は オパシティ:10% のこと.
• opacity:0 は 完全に透明です.
• 親Elementにopacityを指定すると子Elementも透過する

ゆっくりと(1秒間かけて)透過させるには

• opacity:0.5; と同時に transition:1.0s; のように設定する(1秒かけて50%透過).
• transition-timing-function:ease;
• transition-timing-function:ease-in;
• transition-timing-function:ease-out;
• transition-timing-function:ease-in-out;
• transition-timing-function:linear;
• transition-timing-function:step-start;
• transition-timing-function:step-end;