こちらで写真表示の小洒落たアイデアを見つけたので、固定ページの”Photo“に応用したい…………と。
【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集/PHOTOSHOPVIP
その前に動作を当ブログの環境でテストしてみます。
注目したのはTESLAのサイト。
サイトをスワイプしても各々のコンテンツ(ここでは写真)が画面の中心にピタリと止まる動作です。
![](https://hibiruten.com/wp/wp-content/uploads/2022/05/IMG_2333-scaled.jpg)
FUJIFILM X-T30/XF60mm F2.4 R Macro
![](https://hibiruten.com/wp/wp-content/uploads/2022/05/DSC03173-scaled.jpg)
FUJIFILM X-T30/XF60mm F2.4 R Macro
![](https://hibiruten.com/wp/wp-content/uploads/2022/05/DSC01571-scaled.jpg)
FUJIFILM X-T30/XF60mm F2.4 R Macro
やや心許ないけど、導入してから徐々に調整することにします。