JavaScript - div にアニメーションを追加できないのはなぜですか? 詳細についてはコードを参照してください。

Question

css:
.flightNumber{

リーリー

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

Answer 1

リーリー

display:none これを追加すると、display:none はこの要素がページ上で解析されず、この要素のすべてのスタイルが無効になるため、アニメーションは有効になりません。この前提では、transition: opacity 2000ms easy-in になります。 -out; は無効であるため、アニメーション効果は使用できません。

Answer 2

お誘いありがとうございます。

リーリー

番号 display都去掉，另外前缀没必要写，直接原生就行。
真有需要的话，可以先.show()下嘛（反正你opacity は 0 で、何も表示されません)。