更改和kenburn通過點擊另一個div縮放網頁背景圖片

Question

我需要更改和kenburn縮放，我的網頁背景圖片通過點擊另一個div。

你能告訴我該怎麼做。

check my coads here

$(document).ready(function() { 

    $('.box1').on('click', function() { 

     $('.kenburns').addClass('zoom'); 
    }); 
}); 

Answer 1

您需要更改CSS作爲

.kenburns.zoom { 
    -webkit-transform: scale(2) rotate(0.1deg); 
    -moz-transform: scale(2) rotate(0.1deg); 
} 

演示：Fiddle

如果你的HTML標記是一樣的小提琴，然後

$(document).ready(function() { 
    $('.box1').on('click', function() { 
     $(this).parent('.kenburns').addClass('zoom'); 
    }); 
}); 

您需要的變焦過渡添加到.kenburns元素，而不是它的後代