【JQuely/Javascript】下記の動作を作成したいです

Question

添付の画像のレイアウトを作成したいです。
が検索力がないので、なんというワードで検索して良いか分からずです。
知恵をお貸しください。JQuelyとかで再現できそうだなとは思いますがなんと検索して良いかわかりません。

【再現したいこと】
・右のボタンをクリックすると、カードのレイアウトが右に一つずれる(左も同様)
・カードのレイアウトが画面外にはみ出していても横スクロールが発生しない。

多分Webサイトでよくあるレイアウトだと思います。

よろしくお願いします。

※HTMLと簡単なCSSだけは終わっています。
知りたいのは、"動き"の作り方の方です。

Comments

[yambejp]

「ずれる」というのはなめらかなスライドでしょうか？
左端から右(?)にずれるとどうなるのでしょうか？

Answer 1

Javascriptで作りたいなら
Javascript　カルーセル
Javascript　スライダー

htmlとcssのみでも可能です。
またhtmlとcssの構成次第でどちらとも作り直さなければ駄目かもしれません。