Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/single.php on line 8
[CSS] Pure CSS Parallax Websites – CSSだけで実現するパララックススクロール | mBlog

Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] Pure CSS Parallax Websites – CSSだけで実現するパララックススクロール

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSだけで実装できるパララックススクロール。2014年に書かれて15年に追記されたようなのでそれほど新しい記事ではないけれど、こんな手法もあるんやなー思ったので紹介。transform: translateZを使ってZ軸方向にオブジェクトを移動させてパララックススクロールさせているようです。これなら対応ブラウザの条件さえクリアすれば、わりとサクっと導入できそうです。

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。