【CSSのみで】拡大縮小させるアニメーションを実装!

こんにちは、Naokiです。

今回は、cssのkeyframesを使って、拡大縮小させるアニメーションを実装しました。

拡大縮小させる対象はなんでもいいのですが、今回はボタンを拡大縮小させてみます。

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

このように拡大縮小させてあげればボタンが目につきやすくなりますよね。

ちなみにtransformプロパティのscaleの値を変更すれば拡大・縮小率が変わりますよ!

こんな感じです。

色々いじって試してみてください!

自身のポートフォリオサイトでツイッターボタンを拡大縮小させています。

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

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

 

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

それでは!