Question

来自Animate element transform rotate（Dyin的回答）我仍然无法让它正常运作。

我想用jQuery .show（）淡化div。这个div包含一个img。现在我希望在.show（）命令的最开始使用css转换和缩放（而不是jQuery，因为它更平滑）来放慢速度。

简而言之：我希望div在包含img缩放时淡入（同时显示和缩放）。但是我只能在.show（）函数完成后设置缩放，如：

$( this ).show(800, function(){
    $( ".bullets" ).removeClass("wait");
    $( this ).find(".csc-textpic-image img").removeClass("zoomout").addClass("zoomin");
});

如果我将.addClass（）置于函数外部，则会在源代码中添加该类，但img根本不会缩放，如下所示：

$( this ).find(".csc-textpic-image img").removeClass("zoomout").addClass("zoomin");
$( this ).show(800, function(){
    $( ".bullets" ).removeClass("wait");

})

CSS：

.zoomin {
    transition: 24s linear;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.zoomout {
    transition: 24s linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

任何帮助都将受到高度赞赏！

jQuery .show结合CSS转换

0 个答案: