CSS を使用してホバー時にボタンを暗くするにはどうすればよいですか?

CSS でボタンの暗さを強化する

ボタンの上にマウスを置くとき、背景色をわずかに暗くして視覚的なインパクトを高めるのが一般的です。手動で暗い 16 進コードを決定することは可能ですが、面倒な場合があります。

CSS のシャドウテクニックを使用してください

簡単な代替方法としては、次のコマンドを使用して、ボタンの上に暗い背景画像を重ねます。背景画像。このアプローチでは、背景にのみ影響を与えながらボタンのテキストの色を保持します。

これにより、ボタンの上に 40% の不透明度の黒い線形グラデーションが追加され、ホバー時にボタンが効果的に暗くなります。結果のコード:

そのため、次回ホバー時にボタンの背景を暗くする必要がある場合は、CSS のシャドウ キャスト機能を利用して、軽量でカスタマイズ可能なソリューションを実現します。

以上がCSS を使用してホバー時にボタンを暗くするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。