skewed background image animation

问题

I'm currently working on http://mijnwebsitebestellen.be/index.php. When you hover over 'event location' you can see the width of the first black & white band changes, however the background image is not skewed during the animation.

Here is a snippet of the code i use for the animation:

$( document ).ready(function() {
    
    $('.deel1-link').mouseover(function(){
        $('.deel1').animate({width:"600px"},400);
        $('.delen .col-sm-4:nth-child(1)').animate({width:"600px"},400);
       
    });
    
    $('.deel1-link').mouseleave(function(){
        $('.deel1').animate({width:"50px"},400);
        $('.delen .col-sm-4:nth-child(1)').animate({width:"50px"},400);
    });
});

I added a screenshot of the problem.

Is there a fix for this?

Thanks

来源：https://stackoverflow.com/questions/40259714/skewed-background-image-animation