CSS左右滑動是一種非常有趣的效果，在頁面滑動中起到了非常好的作用，下面就來了解一下CSS顯示左右滑動的方法。

//首先，設置一個外部的div，用來盛放需要左右滑動的元素
.container{
width: 500px;
overflow-x: scroll;
}
//接著設置需要左右滑動的內容元素
.content{
width: 1000px;
height: 200px;
}

以上代碼中，通過設置外部div的寬度和overflow-x屬性，可以讓div內部的內容超出顯示區域而形成滑動效果。

同時，還需要將需要左右滑動的內容設置寬度，使其超出外部div的寬度，這樣才能起到滑動的效果。

除此之外，還可以通過添加樣式來美化滑動元素，比如為其添加陰影效果，增加字體大小等等。

.content{
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
font-size: 24px;
}

通過以上代碼，即可為滑動元素添加出色的陰影效果和合適的字體大小，使其更加美觀。

綜上所述，通過設置相關的CSS屬性，即可實現滑動元素的左右滑動效果，并且可以再添加相應的樣式進行美化，使其更加吸引人。