jquery - 向下滚动时出现并缩放

Question

我有这样的 HTML:

<div class='service'>
 <img src='img.png'/>
</div>

我使用的 css 是这样的:

.service img{opacity:0; -webkit-transform: scale(0.2);}

当我向下滚动时，它会出现，但不会使用 transform 进行缩放:我曾经喜欢:

$(this).animate({'opacity':'1','-webkit-transform':'scale(1)'},1000);

你能帮我修理一下吗？谢谢。

Answer 1

我正在阅读有关 jQuery .animate() 的文档而且似乎不支持 CSS“scale()”属性。

所以在这个FIDDLE我刚刚切换到高度和宽度。

JS

$('#clickme').click(function(){
    $('.service img').animate({ 'opacity': '1',
                                  'width': '400',
                                 'height': '450'
                               }, 1000);

});