호랑이의 높이를 백분율로 확장 하시겠습니까?

Question

부트 스트랩을 사용하고 호버에서 간단한 CSS CSS 애니메이션을 시도하고 요소를 확장하여 강조 표시합니다. 요소가 마진 멀리 애니메이션되기 때문에 확장 할 나타나는

.text-block { 
    background-color: white; 
    min-height: 400px; 
    text-align: center; 
    transition: .1s; 
    margin: 1em; 
} 

.text-block:hover { 
    margin: 0em; 
    transition: .1s; 
    z-index: 99; 
} 

이 거의 바로 보이는,하지만이 요소의 3면이 성장 나타납니다 있도록 페이지를 이동합니다.

호버의 높이를 비 호버의 높이 + 2em으로 설정하여 CSS 내의 모든 방향으로 1em 커지는 것처럼 보이게 할 수 있습니까?

Answer 1

패딩의 여백을 변경하십시오. 여백은 요소 외부에 빈 공간을 추가합니다. 패딩을 통해 원하는 효과를 얻을 수 있습니다. D