CSS3可以使用transition和transform屬性實現(xiàn)各種動畫效果，其中可以通過設(shè)置transform的translateX值來控制圖片的水平移動，從而實現(xiàn)圖片從左側(cè)滑動入畫面。

/* 先將圖片的translateX值設(shè)為負(fù)數(shù)，使圖片位置在左側(cè)屏幕外 */
img {
transform: translateX(-100%);
}
/* 當(dāng)鼠標(biāo)懸停在圖片上時，將圖片的translateX值設(shè)為0，使圖片橫向移動到屏幕內(nèi) */
img:hover {
transform: translateX(0%);
transition: transform 0.5s ease-out;
}

這里的transition屬性指定了動畫的屬性為transform，動畫時間為0.5秒，動畫緩動效果為ease-out，即先快后慢，讓動畫更自然。在需要實現(xiàn)圖片從右側(cè)滑動入的情況下，只需將translateX的值由負(fù)數(shù)改為正數(shù)即可。

通過使用CSS3的transition和transform屬性，我們可以輕松實現(xiàn)各種動畫效果，為網(wǎng)頁添加炫酷的交互效果。