单击使用纯CSS的CSS3过渡

如果您只想使用CSS解决方案，可以使用active

.crossRotate:active {   transform: rotate(45deg);   -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg);}

但是，当活动移动时，转换将不会持续。为此，您需要javascript（jqueryclick和css是最干净的IMO）。

$( ".crossRotate" ).click(function() {    if (  $( this ).css( "transform" ) == 'none' ){        $(this).css("transform","rotate(45deg)");    } else {        $(this).css("transform","" );    }});