“FLIP とは First, Last, Invert, Play の頭文字から取られた用語であり、アニメーションをこの4つのステップに分割して行うテクニックです。座標の差分をCSS Transitionするだけで良くなるのです。”

yarumato のブックマーク 2023/07/10 15:35

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4739104911520383365/comment/yarumato" data-user-id="yarumato" data-entry-url="https://b.hatena.ne.jp/entry/s/katashin.info/posts/flip-animation/" data-original-href="https://katashin.info/posts/flip-animation/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkatashin.info%2Fposts%2Fflip-animation%2F" data-user-icon="/users/yarumato/profile.png">アニメーションの実装が劇的に簡単になるFLIPテクニック - Katashin .info</a><br><p style="clear: left">“FLIP とは First, Last, Invert, Play の頭文字から取られた用語であり、アニメーションをこの4つのステップに分割して行うテクニックです。座標の差分をCSS Transitionするだけで良くなるのです。”</p><a class="datetime" href="https://b.hatena.ne.jp/yarumato/20230710#bookmark-4739104911520383365"><span class="datetime-body">2023/07/10 15:35</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

アニメーションの実装が劇的に簡単になるFLIPテクニック - Katashin .info

katashin.info2023/07/10

2023年7月10日CSS,JavaScript,アニメーション,デザインパターンアニメーションの実装はややこしいからCSS Transitionでできなければ実装したくない、そう思っていませんか？FLIPというテクニックを使うことで、CS...

41 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

アニメーションの実装が劇的に簡単になるFLIPテクニック - Katashin .info

はてなブックマーク

公式Twitter

はてなのサービス