Question

如果块内容处于状态＆＃34;无＆＃34;？

，动画是否有效

例如，如果我想使用Load with JQuery，并且我想在页面加载后启动动画，这会有效吗？

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

}

在jquery中

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

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

Answer 1

看起来display:none元素可以设置动画...

这是一个测试：文本被隐藏，翻译到右边，然后显示：它有效。

＆＃13;

$("p").addClass("shift");

setTimeout( function(){
    $("p").css("display","block");
}, 1000)

＆＃13;

p{
    display:none;
    border:green solid 1px;
    width:150px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

p.shift{
     transform : translate(300px,0);
    -webkit-transform: translate(300px,0);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>some text</p>

＆＃13;

这是你想要的吗？

Answer 2

试着改变attr

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

Block中的动画处于隐藏状态

2 个答案: