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

カード回転/customize/一覧カードをくるくる回すCSSを調整（風車みたいになった）

code:style.css

.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);　とかにすると、一回転になります。

GIF

https://gyazo.com/845de79c518cb4822ee7f64ffca750df