採用技術にフォーカスしたWebサイトリンク集。
トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
Check WebTech

scroll-out.js が採用されたサイト事例一覧です。

ScrollOut is a JavaScript microlibrary that detects scroll/resize changes in the browser and assigns attributes and live CSS Variables to the scrolling element and a list of targets.
The ScrollOut library does not handle any animation, but it gives you the elements and tools needed to create animations & transitions with JavaScript animation libraries or only CSS!
(DeepL翻訳)
ScrollOut は JavaScript のマイクロライブラリで、ブラウザのスクロール/サイズ変更を検出し、スクロールする要素とターゲットのリストに属性とライブ CSS Variable を割り当てます。
ScrollOut ライブラリはアニメーションを処理しませんが、JavaScript のアニメーション ライブラリや CSS だけでアニメーションやトランジションを作成するために必要な要素やツールを提供します!

https://scroll-out.github.io/
https://codepen.io/collection/npPbNM/