不透明度

不透明度は、非アクティブな状態や操作に対するフィードバックを示すための表現方法の一つとして利用します。
例えば、ドットナビゲーションでは、現在表示されている要素とそれ以外を区別するために非アクティブなドットに対してopacity(不透明度)を設定します。また、カーソルが乗った時に要素を透過させることでそれがクリック可能であることが直感的にわかるようにします。

Name

CSS

60

opacity:0.6;

75

opacity:0.75;

  • ドットナビゲーションの例

  • カーソルが乗った時の例