問(wèn)題如題：
代碼如下:
html:

<div class="box"></div>

css:

.box{
    width: 100px;
    height:100px;
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;
    -moz-transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;
    -ms-transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;
    -o-transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;
    transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;
}
.change {
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(#6E45E2),to(#88D3CE));
}

js代碼如下:

$('.venueModel').on('mouseover',function () {
    $(this).addClass('change');
}).on('mouseleave',function () {
    $(this).removeClass('change');
});

其中：transition沒(méi)生效。。。求解!在線等！急！