<div class="box">元素 1</div>
<div class="box translated-box">元素 2 </div>
<div class="box">元素 3</div>

body {
  font-family: Arial, sans-serif;
  padding: 20px;
}

.box {
  width: 150px;
  height: 150px;
  background-color: #4CAF50;
  color: white;
  display: inline-block;
  margin: 10px;
  text-align: center;
  line-height: 150px;
  font-size: 18px;
}

.translated-box {
  transform: translate(50px, 50px);
  background-color: #FF5722; /* 變更背景顏色以區別效果 */
}