エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
第13回 JavaScript アニメーションによる拡大・縮小(animate版) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
第13回 JavaScript アニメーションによる拡大・縮小(animate版) - Qiita
はじめに 今回は、アニメーションによる要素の拡大・縮小を試したいと思います。 ウェブサイトの広告で... はじめに 今回は、アニメーションによる要素の拡大・縮小を試したいと思います。 ウェブサイトの広告でよくみかける、広告表示時やクローズ時にアニメーションで拡大・縮小する動作です。 ちょっと動きがあるほうがほんの少しのユーザーの助けになったり、リッチに見えるのかなと思います。 その時間がもったいかなとも思ったり。 気にかけてウェブをみていると、あまり見かけないような気もしました。 Windowsでは、ウィンドウの切り替えでは短い時間ですが動きはあるようです。 あってもいいのかなとも思いましたので、トライしてみたいと思います。 今回実施する内容 JavaScriptのanimateを使用して、要素をクリックした時に拡大・縮小を実施します。 以下の4つのパターンを実施します。 拡大 縮小(縮小後、クリックしても動作なし) 水平方向に拡大(拡大後、すぐに初期のサイズに戻る) 垂直方向に縮小 ソースコ