CSS を使用してピアノのレイアウトを作成しています。 私はこの「ボタンを押した」エフェクトがとても気に入っていますが、周囲の要素が変化します。この状況を回避するにはどうすればよいでしょうか?
ボタンの位置はグリッドを使用して実現されます。 ありがとう！
ボタン要素のタイプを変更できます。以下にそれを共有させてください。
:active 疑似クラスの margin を調整する代わりに、transform 属性を使用できます。 transform プロパティを使用すると、周囲の要素のレイアウトに影響を与えることなく、ボタンをわずかに拡大縮小したり、押したときに下に移動したりできます。
active
margin
transform
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ボタン要素のタイプを変更できます。以下にそれを共有させてください。
:
リーリーactive疑似クラスのmarginを調整する代わりに、transform属性を使用できます。transformプロパティを使用すると、周囲の要素のレイアウトに影響を与えることなく、ボタンをわずかに拡大縮小したり、押したときに下に移動したりできます。