・パララックスの仕方が気になる。スクロールすると背景画像が変わるのはどうやってる?

ルルルンプレシャス GREEN - ルルルンプレシャス【公式】

・サイト下の、ボタンにホバーすると真ん中から左右に向かって背景色が移動し消えていくアニメーションが気になる

リップ | THE PUBLIC ORGANIC オフィシャルサイト

・両サイドにフレームのように画像が配置されていて、ヘッダーよりも上面(z-indexが上)になっている。display: flex;でフレーム画像を横並びにし、position: relative;かabsoluteとz-indexで調整すればできるか・・・?(もしかしたら期間限定の実装かも)

おすすめのオーガニック化粧品ブランド22選|人気の自然派コスメブランド&プレゼントにも喜ばれるアイテムまとめ

↑両サイドの青い画像がフレーム(額縁)のように前面に配置されている。ヘッダーは2番目の位置で固定上部されており、コンテンツが後面にある。両サイドのフレームがなくなった先(白くなった先)は他サイトで見るようなデザイン(ヘッダーが固定上部されているもの)

・スクロールすると左にある現在地表示も一緒に動く(薔薇のやつ)スクロールの動きと連動しているのだけど、はてさてどう実装しているのか・・・

薔薇をtransformで制御しているっぽい。Yだけ動くようにしている。そして連動についてはjsでやっていそう。検証ツールで確認出来る。再現まで出来るかは謎だけど。

はじめての、ファーミングシャンプー。ダイアンボヌール、上陸。

・縦書きで和の雰囲気が素敵なサイト

オンラインストア、コンテンツをスライドすると商品の全面にモザイクのようにアニメーションが表示される hyakki Online Store

・なんだったか忘れたけど凄かったサイト

株式会社LIG|東京のWeb制作・システム開発・オフショア開発会社