ホームページ作成ではカルーセル（スライダー)を使うケースがありますが、overflow: hidden; を使用します。下記を実現できます。
①要素のマスキング
カルーセルのコンテナに overflow: hidden; を設定することで、そのコンテナの中にあるアイテム（例: 画像）がはみ出す部分をマスク（隠す）することができます。これにより、ユーザーが一度に1つまたは複数のアイテムだけを見ることができるようになります。
②スムーズなトランジションoverflow: hidden; が設定されたカルーセルのコンテナ内でアイテムをアニメーションさせることで、はみ出すアイテムがスムーズにスライドして消える効果を実現できます。
