更改元素的不透明度并通过jquery动画旋转它

我需要旋转

$（'.closebtn'）

元素，同时更改其不透明度。 css:

我正在尝试使用jquery动画：

$('.closebtn').animate(
                {  borderSpacing: 90 }, {
                step: function(now,fx) {
                  $(this).css('-webkit-transform','rotate('+now+'deg)'); 
                  $(this).css('-moz-transform','rotate('+now+'deg)');
                  $(this).css('transform','rotate('+now+'deg)');
                },
                duration: 200,
            });

---

关于如何更改动画事件处理程序中的不透明度，您有什么想法吗？

您也可以使用CSS3。本例仅在按钮1上使用CSS3，在按钮2上使用jQuery

$（文档）.ready（函数（）{
变量$elem=$（'.closebtn2'）；
$（{deg:0}）。设置（{deg:359}）动画{
持续时间：5000，
步骤：功能（现在）{
变量不透明度=（1*now/359）；
$elem.css({
变换：“旋转（“+now+”度）”，
不透明度：不透明度
});
}
});
});
.closebtn{
字体大小：35px；
文本对齐：居中；
光标：指针；
边界间距：0px；
不透明度：1；
}
.制作动画{
-webkit动画：动画名称4s 1s；/*Safari 4+*/
-moz动画：动画名称4s 1s；/*Fx 5+*/
-o-动画：动画名称4s 1s；/*Opera 12+*/
动画：动画名称4s 1s；
}
@-webkit关键帧动画名称{
0%{不透明度：0；变换：旋转（0度）；}
100%{不透明度：1；变换：旋转（360度）；}
}
@-moz关键帧动画名称{
0%{不透明度：0；变换：旋转（0度）；}
100%{不透明度：1；变换：旋转（360度）；}
}
@-o关键帧动画名称{
0%{不透明度：0；变换：旋转（0度）；}
100%{不透明度：1；变换：旋转（360度）；}
}
@关键帧动画名称{
0%{不透明度：0；变换：旋转（0度）；}
100%{不透明度：1；变换：旋转（360度）；}
}

测试


测试
谢谢，你的回答确实帮助我解决了这个问题。
$('.closebtn').animate(
                {  borderSpacing: 90 }, {
                step: function(now,fx) {
                  $(this).css('-webkit-transform','rotate('+now+'deg)'); 
                  $(this).css('-moz-transform','rotate('+now+'deg)');
                  $(this).css('transform','rotate('+now+'deg)');
                },
                duration: 200,
            });