HTML 盒子向左移動是 Web 開發(fā)中常見的一個效果。在 CSS 中，可以使用transform: translateX()屬性來實現(xiàn)盒子向左移動的動畫效果。具體的代碼如下：

.box {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
transform: translateX(0);
transition: transform 0.5s ease;
}
.box:hover {
transform: translateX(-50px);
}

在上述代碼中，.box代表一個盒子元素，使用display: inline-block;屬性來讓該元素以塊級元素的方式顯示，但與其他塊級元素不同的是，它可以和其它元素一起顯示在同一行內(nèi)。

隨后，使用transform: translateX()屬性實現(xiàn)盒子向左移動的效果，屬性值中的負數(shù)表示向左移動的距離，也可以使用正數(shù)來控制向右移動的距離。

為了使移動效果更加平滑，添加了transition: transform 0.5s ease;屬性，表示盒子在移動過程中，過渡時間為 0.5 秒，過渡方式為 ease（漸變）。最終，使用:hover選擇器來觸發(fā)該動畫效果。

以上就是實現(xiàn) HTML 盒子向左移動的代碼及其說明，希望對 Web 開發(fā)者有所幫助。