javascript opacity(透明度)を変更する

javascript opacity(透明度)を変更する

javascriptで、opacity(透明度)を変更するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

opacity(透明度)変更

style.opacityを使用すれば、opacity(透明度)を変更することが可能です。

透明度は %(0) ~ 50%(0.5) ~ 100%(1)で指定できます。

サンプルコード

以下は、
「 透過 」ボタンをクリックすると、フォームに入力した値でボタンを透過する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

透過されていることが確認できます。