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

こんにちは、Naokiです。

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

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

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

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

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

こんな感じです。

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

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

https://netemolonge.net/portfolio/

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

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

 

普段は主にフリーランスや副業に関する情報を発信しています。

では今日はこの辺で。

 

人気記事プログラミングはやるべき!何から始める?おすすめ学習サイト