#39| 透明度の設定について

‍ 不透明度を利用して、要素の透明度を変更することで、ユニークな視覚効果を得ることができます。

目次


要素の不透明度を変更すると、この要素とそのすべての子要素の透明度に影響します。

不透明度は、背景色や境界線の色など、特定のスタイルプロパティの色に対して変更することもできます。これは、子要素に影響を与えずに、特定のスタイルプロパティに透明度を適用したい場合に便利です。

ホバー効果の設定

不透明度のプロパティを使用して、ホバー効果を作成することができます。

  1. 状態メニューから「ホバー」を選択します。
  2. スタイルパネルの「効果」セクションで「不透明度」の値を設定します。
  3. 「なし」状態に戻る
  4. トランジションを追加して、効果を滑らかにする