出現和變焦時向下滾動

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

});