CSS左右移動設置，讓你的網頁元素動起來！

在CSS中，左右移動一個元素是非常簡單的，你只需要使用transform屬性，然后指定translateX函數(shù)即可，下面是一個簡單的例子：

.element {
  position: relative;
  animation: moveLeft 5s linear infinite;
}
@keyframes moveLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100px); }
}

在這個例子中，我們創(chuàng)建了一個名為moveLeft的關鍵幀動畫，這個動畫會將元素從原始位置移動到左邊100像素的位置。position: relative;屬性使得元素可以相對于其正常位置進行移動。

你可以根據(jù)需要調整動畫的持續(xù)時間、移動距離以及移動方向，如果你想讓元素向右移動，你可以將translateX(-100px)改為translateX(100px)。

你還可以使用CSS的transition屬性來創(chuàng)建平滑的過渡效果。

.element {
  position: relative;
  transition: transform 5s linear;
}
.element:hover {
  transform: translateX(-100px);
}

在這個例子中，當你將鼠標懸停在元素上時，元素會平滑地移動到左邊100像素的位置，你可以根據(jù)需要調整過渡效果的持續(xù)時間和移動距離。