jquery div旋转添渐变消失

jquery div旋转加渐变消失
.test{width:50px;height:50px;border:1px solid red;}
<div class="test"></div>

$(".test").fadeOut(3000);//这是渐变消失
改成"旋转渐变消失"怎么弄，求高手哦

------解决方案--------------------
以webkit为例：
$(".test").css({webkitTransition:'opacity 3s ease,-webkit-transform 3s ease',opacity:'0',webkitTransform:'rotate(360deg)'});