javascript - 给一个div加动画为什么实现不了,详情请看代码

Question

css:.flightNumber{ {代码...} html代码:&lt;div class='flightNumber'&gt;&lt;/div&gt;js代码:$(".flightNumber").addClass("runIn")

PHP中文网 · Answer

display:none 这东西加上，动画不可能有效，因为display:none意味着页面上不解析这个元素，这个元素的所有样式是无效的，这个前提下transition: opacity 2000ms ease-in-out;是无效的，所以不可能有动画效果出现。

伊谢尔伦 · Answer

谢邀。

.flightNumber{
    transition: opacity 2000ms ease-in-out;
    opacity: 0;
}
.runIn{
    opacity: 1;
}

把俩display都去掉，另外前缀没必要写，直接原生就行。
真有需要的话，可以先.show()下嘛（反正你opacity是0啥也看不到）。

php8，我来也