CSS에서 버튼 누르기 효과를 얻는 올바른 방법

Question

CSS를 사용하여 피아노 레이아웃을 만들고 있습니다. 저는 이 "버튼 누름" 효과를 정말 좋아하지만 주변 요소가 변경됩니다. 이 상황을 피하는 방법은 무엇입니까?

으아아아 으아아아

버튼 위치 지정은 그리드를 사용하여 이루어집니다. 감사해요!

Answer 1

버튼 요소 유형을 변경할 수 있습니다. 아래에 공유하겠습니다.

으아악 으아악

Answer 2

주변 요소의 레이아웃에 영향을 주지 않고 버튼 크기를 약간 조정하고 눌렀을 때 아래쪽으로 이동할 수 있는 transform 属性来代替调整 :active 伪类中的 margin。 transform 속성을 사용할 수 있습니다.

으아악