CSS實現照片在邊框內偏移，鼠標移到圖片上，圖片偏移回到邊框中

實現的效果： 鼠標還沒移上去的時候：   鼠標移上去：   代碼部分： 首先現將一個DIV把圖片包起來 DIV固定寬高 加上邊框  圖片寬高百分百填充 在原來的圖片樣式上 設置偏移translate(x,y)  這時候x=20 Y=20 代表向X軸方向偏移20PX 向Y軸方向偏移20px 到這裏 就實現了照片偏移 接下來 給照片設置一個僞類  當鼠標移動的時候 設置不偏移  transform:

>>阅读原文<<