Question

假设我有切换功能，可以在height的{{1}}，width和opacity上制作动画 -

div

这是它的演示 - jsFiddle

当它从隐藏变为显示所有这3个属性得到动画时，

现在，我想申请隐藏（从显示到隐藏）只是动画的不透明度，使其从transition: width 2s, height 2s , opacity 2s,transform 2s;变为opacity : 1（没有opacity : 0更改消失） - like this - jsFiddle。

更新：

我想让＆＃34;秀隐藏＆＃34;第一个jsFiddle作为＆＃34;显示隐藏＆＃34;第二个jsFiddle没有改变＆＃34;隐藏显示＆＃34;第一个hsFiddle。

如何获得它？

Answer 1

您可以使用CSS Transform scale来实现这一目标。

您可以在切换功能（）上应用它。

像这样：

$('.testDiv').css({
    '-webkit-transform': 'scale(1)',
    '-moz-transform': 'scale(1)',
    '-o-transform': 'scale(1)'
});

并恢复：

$('.testDiv').css({
    '-webkit-transform': 'scale(0)',
    '-moz-transform': 'scale(0)',
    '-o-transform': 'scale(0)'
});

<强> jsFIDDLE DEMO

如何对“隐藏”进行不同的过渡比较“秀”

1 个答案: