Lambdaカクテル

京都在住Webエンジニアの日記です

Githubのブロックアイコンを回転させる

Githubのブロックアイコン,つまり赤いバッテンのアイコンを回転させたくなることはありませんか。まああると思うんですけど,

Image from Gyazo

こちら回転させたものになります。

.completeness-indicator-error {
    animation: rotate1 1s linear infinite;
}
 
@keyframes rotate1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

もっと速度下げてもいいと思います。よかったですね。

参考

これにインスパイヤされました。

blog.sushi.money