我正在使用Bootstraps手风琴元素，当它打开时，我想旋转图标。我jQuery经常检查它是否折叠（因此其他元素将关闭），然后我要旋转图标。我添加了一个使用该类jQuery旋转图标的类（它可以工作），但是它跳回到了以前的样子：
.cross_up{
background:url(../img/cross.png) center center;
transition: all 0.20s ease;
}
.cross_down{
transition: all 0.20s ease;
transform:rotate(45deg);
animation-fill-mode:forwards;
}
的HTML
<span class="cross_up"> </span>Verzekeringen
jQuery的
$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".cross_up").addClass("cross_down");
}).on('hidden.bs.collapse', function(){
$(this).parent().find(".cross_down").removeClass("cross_down");
});
这里的工作链接
我认为这是因为您尝试旋转背景。您应该尝试旋转整个跨度。
<span class= "cross_down">
<span class="cross_up"> </span>
</span>
Verzekeringen
如果要在背景图像上应用css转换，请参考链接。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句