一覧カードが回転するスクリプト

を調整（風車みたいになった）

.page-list .grid li:hover {
 	transition: 0.3s;
 	-webkit-transform: rotateZ(1800deg);
  	-moz-transform: rotateZ(1800deg);
   	transform: rotateZ(1800deg);
 }
 
 /* pinどめされたカードは回らない */
 .page-list .grid li.pin:hover {
  	-webkit-transform: none;
   	-moz-transform: none;
    transform: none;
 }

transitionの値で、回転速度を決めています。

transition: 1.0s;　とかにすると、もっとゆっくり回転します。

rotateZの値で、回転数を決めています。

rotateZ(360deg);　とかにすると、一回転になります。