왜이 div는 천천히 페이드 아웃하지 않습니까?

Question

나는 fiddle을 만들었습니다.

모달은 페이드하지만 난 다른 CSS 클래스를

.out { opacity: 0 !important; } 

를 추가하고 작동이 추가 (보다는 .IN 제거)가 아닌 경우 밖으로, 나는 나타났습니다. 왜 이런거야?

Answer 1

.fade 클래스에 기본 height 특성을 추가해야합니다. 현재 .in 클래스가 제거되면 모달은 페이드 아웃 애니메이션 전에 즉시 높이를 잃습니다.