Hi! I was wondering, I have a btn like this:
#my_btn {
background-image: -moz-linear-gradient(top, #3e3e40, #252122);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #3e3e40), color-stop(1.0, #252122));
background-color: #DDDDDD;
}
How can I animate the background gradient on roll over? I tried the code below but it doesnt work.
var mybtnOnOver = $('#my_btn');
mybtnOnOver.hover(function() { //mouseover
TweenLite.to($(this), 1, {
css:{
backgroundImage: '-moz-linear-gradient(top, #ACAC8F, #ACAC8F)'
}
});
},function() { //mouseout
TweenLite.to($(this), 1, {
css:{
backgroundImage: '-moz-linear-gradient(top, #3e3e40, #252122)'
}
});
});
In general where can I find the css properties that are supported? Thanx a lot for any answers! Cheers!