LemonPasta https://blog.hatena.ne.jp/LemonPasta/ 開発日誌 https://journal.manasas.dev/ スクロールに応じて、画像がふわっと拡大する | manasas ui sandbox というのを実装してみた。GSAPは『知ってればすぐ実装できるが、情報にたどり着くまでに時間がかかる』ことが多いので、数こなしたら表現の幅が広がって楽しくなれそうだなあ、という印象。 実装は結構単純。Github jsはこれだけ import { gsap } from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; gsap.registerPlugin(ScrollTrigger); gsap.fromTo( ".js-animatio… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjournal.manasas.dev%2Fentry%2F2023%2F10%2F03%2F232509" title="スクロールに応じて画像がふわっと拡大するやつの実装メモ - 開発日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-10-03 23:25:09 rich https://journal.manasas.dev/entry/2023/10/03/232509 1.0 100%