CSS中有很多動畫效果可以應(yīng)用到圖片上，比如我們要實現(xiàn)一張圖片從右向左滑動的效果，可以使用CSS3的transition和transform屬性來實現(xiàn)。

.slide {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
}
.slide img {
position: absolute;
right: 0;
top: 0;
transition: all 1s ease;
}
.slide:hover img {
transform: translateX(-200px);
}

首先我們需要給容器添加位置屬性relative和溢出屬性overflow:hidden，然后給圖片設(shè)置絕對定位右對齊。這樣，圖片就能顯示在容器的右側(cè)。接著，我們使用CSS3的過渡屬性transition設(shè)置動畫效果，這里是1秒內(nèi)全部屬性變化，緩動效果為ease。

當(dāng)鼠標(biāo)移到容器上時，我們使用CSS3的變形屬性transform來使圖片向左移動。可以看到我們使用了translateX屬性，表示在水平方向移動。這里將圖片移動整個容器的寬度，所以是-200px。

這樣，我們就成功實現(xiàn)了一張圖片從右向左滑動的效果。如果還想讓圖片回到原位，可以給.slide:hover img添加transition和transform屬性，使其在鼠標(biāo)移開時慢慢回到原位。