scaleY上的jQuery动画从100到0只设置了值

Question

我有从100到0的动画scaleY（使用css钩子添加），并且它接触它只是将值设置为0，当我将其更改为0.01或0.1时它不起作用，相反方向的动画工作正常。

我有这样的代码：

var back = 'http://upload.wikimedia.org/wikipedia/commons/5/54/Card_back_06.svg';
var front = 'http://jcubic.pl/card_01.svg';

$(function() {
    $('.cards').on('click', '.card', function() {
        var $this = $(this);
        var img = $this.find('img');
        if (!img.is(':animated')) {
            img.css('scaleY', 100).animate({scaleY: 0.1}, function() {
                var file = $this.hasClass('back') ? front : back;
                img.attr('src', file).animate({
                    scaleY: 100
                }, function() {
                    $this.toggleClass('back front');
                });
            });
        }
    });
});

这是jsfiddle（css钩子的代码就在那里）。

Answer 1

尝试设置

.animate({scaleY: "0%"}

http://jsfiddle.net/2mA9V/1/