在移動(dòng)設(shè)備中，左滑刪除已經(jīng)成為了一種常見的操作方式。要在網(wǎng)頁中實(shí)現(xiàn)左滑刪除，我們可以利用CSS3的 transition 和 transform 屬性。

首先，我們需要給需要被刪除的元素添加一個(gè)容器，并將需要被刪除的元素和刪除按鈕都放在這個(gè)容器中：

<div class="delete-container">
<div class="delete-item">
刪除的內(nèi)容
</div>
<div class="delete-btn">
刪除按鈕
</div>
</div>

接下來，我們需要設(shè)置容器的寬度，并將刪除按鈕向左移動(dòng)容器的寬度。這樣一來，容器內(nèi)的元素就被了刪除按鈕遮蓋住，只有當(dāng)刪除按鈕被點(diǎn)擊時(shí)才會(huì)出現(xiàn)被刪除的元素。

.delete-container {
position: relative;
width: 100%;
overflow: hidden;
}
.delete-btn {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100%;
background-color: red;
color: white;
transition: transform 0.3s ease-out;
transform: translateX(100%);
}
.delete-container:hover .delete-btn {
transform: translateX(0%);
}

上述代碼中，我們?yōu)閯h除按鈕設(shè)置了 absolute 的定位，并將其寬度設(shè)置為 100px。同時(shí)，我們還為刪除按鈕添加了一個(gè) transition 效果，并將其 transform 屬性設(shè)置為 translateX(100%)，將其向右偏移了容器的寬度。

接下來，當(dāng)鼠標(biāo)在容器上懸停時(shí)，我們需要將刪除按鈕向左平移，使得被刪除元素可以顯現(xiàn)出來。這個(gè)操作可以通過將刪除按鈕的 transform 屬性設(shè)置為 translateX(0%) 來實(shí)現(xiàn)。

綜上，左滑刪除可以通過設(shè)置容器寬度和刪除按鈕的 transform 屬性來實(shí)現(xiàn)。這樣一來，當(dāng)用戶鼠標(biāo)懸停在容器上時(shí)，會(huì)觸發(fā)刪除按鈕的 transform 動(dòng)畫，從而呈現(xiàn)出被刪除元素。