タドワークスコンテンツへスキップタドワークス個人や団体、企業のホームページ集客・運用を総合的に支援します。まとめ概要タイトルの通り、今回はHTML・CSSだけで大きさが変わるアニメーションボタンを作成してみたいと思います。以下サンプルの動作をご確認ください。お申し込みはこちらランディングページ(LP)やアフィリエイトサイトでは、コンバージョンに直結するボタンをできるだけ目立たせたいという要望も多く、実装する機会は意外と少なくないかもしれません。※デザインとしてどうかの判断は微妙なところです。それでは早速コーディング内容を見てゆきましょう。scale(1);}}できるだけ使い勝手がよいようにCSSを設定してみました。scale(1);}}.button側で0.8秒おきにアニメーションを呼び出し実行するといった流れになるかと思います。今回のアニメーションでは大きさを変えたいため、scaleを、1→1.05→1と変化させています。まとめ実装は簡単ですので、是非活用してみてください。