Javascript 处于隐藏状态的块内动画

如果块内容处于“无”状态，动画是否工作

例如，如果我想在JQuery中使用Load，并且我想在页面加载后启动动画，那么这样做行吗

.container {
display : none;
}
.container .animate {
transform : translate(0,-100px);
    transition : 1s transform ;
}
.show {
display : block ;

}

在jquery中

$(function() {
          $(".container").addClass("show");
        });

---

如果有其他方法，请帮助我。

请尝试更改属性

$(function() {
    $(".container").attr("display","block !important");
});

---

看起来像

display:none

元素可以设置动画

这里有一个测试：文本被隐藏，翻译到右边，然后显示：它工作

$（“p”）.addClass（“shift”）；
setTimeout（函数（）{
$（“p”）.css（“显示”、“块”）；
}，1000）

p{
显示：无；
边框：绿色实心1px；
宽度：150px；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
p、 移位{
转换：转换（300px，0）；
-webkit转换：翻译（300px，0）；
}

一些文本

转换将在页面加载时进行，而不是在addclass事件中。如果我想知道这一点，我会用提琴或代码笔构建一个快速测试。@JeremyThille我有很多测试，我想问它是否专业且是一个很好的方法，感谢you@madalinivascu这意味着转换将在页面加载之前进行？我们可以看看您的测试吗？