4種方式實現鼠標放上圖片變大效果

1、利用改變寬度的形式來實現

通過鼠標放上將寬度增大來實現整個頁面的變大。但是現實的效果會是從左上角開始增大的。

鼠標未放上的時候

第一種方式鼠標放上去的時候

2、利用translateZ實現

變化後的圖像效果

3、利用scale實現

變換後的效果

4、利用js實現

變換後的效果

源碼地址

https://git.oschina.net/x_k/scale