CSS中可以使用animation屬性來實現兩邊同時滑過的效果。

.animation {
position: relative;
animation: slide 2s ease-in-out infinite alternate;
}
@keyframes slide {
0% {
left: 0;
}
100% {
left: 100%;
}
}

以上代碼中，我們先創建了一個class名為animation的元素，使用position: relative;來確定該元素的位置。然后使用animation屬性來觸發動畫效果，該屬性接收多個值，其中第一個是動畫的名稱，我們將其命名為slide。第二個值是動畫的持續時間，這里我們設置為2秒。第三個值是動畫的動作方式，使用ease-in-out可以讓動畫開始和結束時較慢，中間時較快。最后一個值是動畫的播放次數，我們使用infinite來表示無限循環播放。

接下來，我們在@keyframes中定義了slide動畫的兩個狀態。0%的狀態下，元素的左邊距為0，100%的狀態下，元素的左邊距為100%。這樣，就可以實現一個從左向右滑動的動畫效果。

如果想要實現從右向左滑動的效果，只需將0%的狀態下左邊距設置為100%即可。

.animation {
position: relative;
animation: slide-reverse 2s ease-in-out infinite alternate;
}
@keyframes slide-reverse {
0% {
left: 100%;
}
100% {
left: 0;
}
}

以上代碼中，我們新建一個動畫名稱為slide-reverse并定義了兩個狀態，0%的狀態下元素的左邊距為100%，100%的狀態下，元素的左邊距為0。最后在HTML代碼中加入元素，并將class設置為animation，即可實現從右向左滑過的效果。