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