CSS實(shí)現(xiàn)左右擺動(dòng)效果的方法很多，下面介紹其中一種。

首先，需要?jiǎng)?chuàng)建一個(gè)div元素作為容器。我們給這個(gè)容器設(shè)置寬度、高度、背景色和圓角，然后使用屬性position和left將其定位到屏幕左側(cè)。代碼如下：

<div class="container"></div>
.container {
width: 200px;
height: 200px;
background-color: #ccc;
border-radius: 50%;
position: absolute;
left: -70px;
}

接下來，我們需要實(shí)現(xiàn)擺動(dòng)的動(dòng)畫效果。我們可以使用CSS3中的@keyframes規(guī)則來定義動(dòng)畫，然后使用animation屬性將其應(yīng)用到容器上。這里我們定義一個(gè)名為swing的關(guān)鍵幀，讓容器不斷地沿著X軸左右擺動(dòng)。代碼如下：

.container {
animation: swing 2s ease-in-out infinite;
}
@keyframes swing {
0% {
transform: translateX(-20px);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(-20px);
}
}

最后，我們需要讓容器在擺動(dòng)的同時(shí)保持在屏幕左側(cè)。我們可以使用transform屬性的translateX方法來實(shí)現(xiàn)X軸的平移效果，并使用position屬性的left方法將其定位到屏幕左側(cè)。代碼如下：

.container {
position: absolute;
left: -70px;
animation: swing 2s ease-in-out infinite;
}
@keyframes swing {
0% {
transform: translateX(-20px);
left: -70px;
}
50% {
transform: translateX(20px);
left: -50px;
}
100% {
transform: translateX(-20px);
left: -70px;
}
}

現(xiàn)在，我們的左右擺動(dòng)效果就完成了?？梢愿鶕?jù)實(shí)際需求調(diào)整容器的寬度、高度、擺動(dòng)速度和幅度等參數(shù)，實(shí)現(xiàn)不同的效果。