こんにちは、Naokiです。
今回は、文字や画像をホバーすると、一回転するアニメーションを実装したのでシェアいたします。
cssのみで簡単に実装します!
それではいってみましょう!
文字と画像をホバーすると一回転しますよね?
transitionプロパティの値を変えれば、回転速度も好きに設定できるので試してみください。
classさえ指定すれば簡単に実装できますね!
最近、自身のポートフォリオサイトを作ったのですが、そこでも見出しが回転するように実装してみました。
![](https://netemolonge.net/wp-content/uploads/2019/06/5433326de1516eab7ef146ae38ec44e6.png)
→https://netemolonge.net/portfolio/
是非ともご参考にしていただけると幸いです。
今回も短いですが以上です。
それでは今日はこの辺で。