SASS CSS 애니메이션

Question

내가 display:none로 시작하는 SASS의 목록 요소를 설정하는 방법에 대해 궁금해하고 애니메이션의 시작 부분에서 그것을 display:block을 한 후 100 %

에서 애니메이션의 끝에서 흰색에 background-color:#fff을 변경했다

Demo Here

Answer 1

정확히 어떤 애니메이션이 보일지 잘 모르겠습니다.

다음

이 요소가 애니메이션 스타일을받을 수 없기 때문에 당신은 display:none을 사용할 수 없습니다 DEMO enter link description here

Answer 2

입니다 :

그러나

이 문제를 해결하기 위해에 대한 참조로 만들기 위해 노력했다. 대신 visibility: hidden을 사용합니다. 또한 애니메이션이 완료된 후에도 스타일을 유지하려면 animation-fill-mode: forwards을 사용해야합니다. See demo here.