在CSS中可以通過“transform:translateX(px)”樣式來讓圖檔向左移動，其中transform屬性允許我們對元素進行旋轉、縮放、移動或傾斜，将值設定為“translateX(px)”即可進行平移。
本教程操作環境：Windows7系統、HTML5&&CSS3版本，該方法适用于所有品牌電腦。
css3 功能非常強大，幾行代碼就可以做到非常不錯的移動效果，(算不上動态頁面)。
css讓圖檔向左移動
頁面架構是必不可少的，這裡是嵌套結構， img 這個标簽是我們引入圖檔的關鍵(但并不是影響效果的關鍵，隻是為了美化)，大家要注意路徑，才可以正确的引入；關鍵點是架構 舞台div(stage) 容器div(container)；圖二是控制圖檔的大小為了看的舒服一點；
然後就是樣式了，下圖是基礎的 建構 3D效果 時采用舞台的樣式選擇(小編是以此為基礎做 3D效果的，如果隻是為了 2D 位移 這個代碼可以無視 當然 stage div 也可以不寫) perspective 控制的視距；perspective-origin 控制視角(都是涉及 3d 的)
container 這個 div 才是控制 2D 位移的關鍵，關鍵屬性就是 transform 這個屬性 transform:translate( px, px);這個就是 2D場景中控制 位移的屬性；
這裡 transfo-style：preserver-3d；可以讓 div 變為 3d，自然可以實作 2d效果； transition 這個是控制過渡，實作動态的畫面效果；
這個下面就是控制動态效果， 滑鼠移上圖檔移動( ：hover 僞類選擇器 配合 上面 transition 這個屬性)； transform：translateX(150px)，這個是控制 圖檔 沿 X軸正方向移動；注意 X 是 大寫的；