opacityの検索結果1 - 3 件 / 3件

• あとで読む

  transitionをかけたホバーアクションのopacityがちらつく問題を解消する | 仙台のウェブ制作会社AndHA

  • 29 users
  • and-ha.com
  • テクノロジー
  • 2022/08/22

  transitionをかけたホバーアクションのopacityがちらつく問題を解消する 公開日 : 2022.08.22 最終更新日 : 2022.10.05 コーディング こんにちは！AndHAコーディング部です。 突然ですが新人コーダーさん！コーディング勉強中の皆さん！ こんな不具合に遭遇したことありませんか？ 「transitionをかけたホバーアクションのopacityがちらつく！」 新人コーダーの私も、何かと悩まされていました… そこで今回は、この問題をどうにか解消していきたいと思います。 ちらつく問題について アニメーションがちらつく問題 Webサイトの制作をしていると、避けて通れないボタンやリンクなどのパーツ。ホバーしたときの動きを指定することがほとんどですよね。 中でも、「opacity: 0.7」などと透過を指定したうえで、「transition: .3s」などとふわっとア

  • CSS
  • アニメーション
  • 透過

  
• あとで読む

  Windows Terminal で背景をぼかし（アクリル）なしで完全に透明にする方法（opacity + useAcrylic） | Snow System

  • 4 users
  • snowsystem.net
  • テクノロジー
  • 2022/08/12

  Windows Terminal とは Windows Terminal は Microsoft から 2020 年にリリースされた新しいターミナルソフトで、Windows11 では規定のターミナルとしても設定できるようになっている Windows の標準的なターミナルとなりました。 今回紹介するのは バージョン 1.12 で正式リリースされた Opacity モードのuseAcrylic設定です。 Opacity モードとは Windows Terminal の背景の透明度を設定するプロパティなのですが、バージョン1.11以前ではぼかしがはいっており、後ろの文字が読めない状態になっていました。 ブログの記事などのコードを後ろに表示させながらコーディングしたい場合などは不便だったのですが、アクリル板のようなぼかしがない状態に設定できるようになりましたので、設定方法をご紹介します。 Wind

  • 設定
  • Windows

  
• あとで読む

  una.im | Using color-mix() to create opacity variants

  • 3 users
  • una.im
  • テクノロジー
  • 2023/04/01

  Using color-mix() to create opacity variants Published on March 31, 2023 Updated on April 2, 2023 A few weeks ago, Adam Wathan posted a tweet asking if you could use color-mix() to adjust the opacity of a color. I replied that this is what relative color syntax was essentially created to do, but Adam Argyle pointed out that it can indeed be done with color-mix() using a clever hack. CSS color-mix(

  • css