css - CSS3 Transform - ホバリング後の動作の処理

Question

このCSS3コードでは、クラスにカーソルを合わせると360度回転しますが、クラスから離れると元に戻ります。

質問: 離れていてもクラスを回転させるにはどうすればよいですか?

以下のコード：

.class{  transition: transform 1s; }
.class:hover{  transform: rotate(360deg); }

Answer 1

直接的で純粋な css の回答はありません。js または jquery を使用する必要があります。
これはjqueryのバージョンです:

$('.class').on('mouseEnter', function(){
    $(this).trigger('hover');
});

しかし、このようなことを行う他の方法がいくつかあります