javascript - 왜 div에 애니메이션을 추가할 수 없나요? 자세한 내용은 코드를 참조하세요.

Question

css:
.flightNumber{

으아악

html代码:<p class='flightNumber'></p>
js代码:$(".flightNumber").addClass("runIn")

Answer 1

으아아아

display:none 이 항목이 추가되면 애니메이션이 효과적이지 않습니다. 왜냐하면 display:none은 이 요소가 페이지에서 구문 분석되지 않고 이 요소의 모든 스타일이 유효하지 않음을 의미하기 때문입니다. -out;은 유효하지 않으므로 애니메이션 효과가 불가능합니다.

Answer 2

초대해주셔서 감사합니다.

으아아아

숫자 display都去掉，另外前缀没必要写，直接原生就行。
真有需要的话，可以先.show()下嘛（反正你opacity는 0이며 아무것도 보이지 않습니다.)