css3的transition模仿js的放大鏡效果，鼠標移到圖上，點擊代表方向的箭頭，可以看到效果。做這個效果要注意的是，時間要保持一致，大圖是小圖的倍數，不然會出現偏差。小圖上放了一個放大鏡，css3和js不同，js鼠標任意移動，可以獲取鼠標的位置，但是css3完成的是邏輯上的事情，這點css3做不到，所以就用了方向箭頭來代替。點擊箭頭我的放大鏡就開始移動，移動部分采用transition。被放大的圖的處理：首先做了個定寬定高的div，叫他溢出隱藏。最主要的來了，圖片要在div中顯示圖片中間的那部分，所以圖片要定位，接下來就是放大鏡走，圖片也走就可以了。