出现和变焦时向下滚动

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); 

});