在CSS中，您可以通過設置背景圖片的background-position屬性來向左移動背景圖片，以下是一些示例代碼，展示如何實現這一功能：

示例1: 使用關鍵詞移動背景圖片

body {
  background-image: url('your-image-url');
  background-position: left;
}

示例2: 使用像素值移動背景圖片

body {
  background-image: url('your-image-url');
  background-position: -50px; /* 向左移動50像素 */
}

示例3: 使用百分比移動背景圖片

body {
  background-image: url('your-image-url');
  background-position: -20%; /* 向左移動20%的寬度 */
}

示例4: 使用transform屬性移動背景圖片

body {
  background-image: url('your-image-url');
  transform: translateX(-50px); /* 向左移動50像素 */
}

示例5: 使用animation和@keyframes移動背景圖片

@keyframes moveLeft {
  from { background-position: right; }
  to { background-position: left; }
}
body {
  background-image: url('your-image-url');
  animation: moveLeft 1s linear; /* 動畫1秒，線性過渡 */
}

示例6: 使用scroll事件移動背景圖片（JavaScript）

document.on('scroll', function() {
  var body = document.body;
  var scrollLeft = body.scrollLeft; // 獲取滾動的距離
  var backgroundImage = body.style.backgroundImage; // 獲取背景圖片URL
  var position = -scrollLeft + 'px'; // 計算新的背景位置
  body.style.backgroundPosition = position + ' 0'; // 設置新的背景位置
});

示例7: 使用CSS變量移動背景圖片（CSS）

:root {
  --background-position: right; /* 初始位置 */
}
body {
  background-image: url('your-image-url');
  background-position: var(--background-position); /* 使用CSS變量 */
}

示例8: 使用@media查詢響應式移動背景圖片（CSS）

@media (max-width: 600px) { /* 當屏幕寬度小于600px時 */
  body { background-position: left; } /* 背景圖片移動到左側 */
}