【jQuaryを使わない】CSSのみでホバーして一回転させる方法。

こんにちは、Naokiです。

今回は、文字や画像をホバーすると、一回転するアニメーションを実装したのでシェアいたします。

cssのみで簡単に実装します!

それではいってみましょう!

文字と画像をホバーすると一回転しますよね?

transitionプロパティの値を変えれば、回転速度も好きに設定できるので試してみください。

classさえ指定すれば簡単に実装できますね!

最近、自身のポートフォリオサイトを作ったのですが、そこでも見出しが回転するように実装してみました。

https://www.naoki-portfolio.xyz/

是非ともご参考にしていただけると幸いです。

 

今回も短いですが以上です。

それでは!