css - jQuery animation on scaleY from 100 to 0 just set the value -

i have animation scaley (added using css hooks) 100 0 , seams set value 0, don't work when change 0.01 or 0.1, animation in oposite direction work fine.

i have code this:

var = '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');                 });             });         }     }); }); 

here jsfiddle (the code css hook there).

try set

.animate({scaley: "0%"} 

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