CSS圖片左右搖擺制作

在CSS中，我們可以使用transform屬性來制作圖片左右搖擺的動畫效果，以下是一個簡單的示例：

1、我們需要創(chuàng)建一個HTML元素來承載圖片：

<div class="image-container">
  <img src="path/to/your/image.jpg" alt="Your Image">
</div>

2、在CSS中，我們可以使用transform屬性來制作動畫效果，我們可以使用translateX函數(shù)來在水平方向上移動圖片：

.image-container {
  animation: shake 0.5s infinite;
}
@keyframes shake {
  0% { transform: translateX(0); }
  50% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

在這個示例中，我們創(chuàng)建了一個名為shake的關(guān)鍵幀動畫，在動畫的50%階段，我們將圖片向右移動10像素，然后在100%階段將其移回原位，這樣，圖片就會左右搖擺。

這只是一個簡單的示例，你可以根據(jù)自己的需求來調(diào)整動畫的持續(xù)時間、移動距離等參數(shù)，你也可以使用其他CSS屬性來增強(qiáng)動畫效果，如rotate、scale等。