如何用js实现图片的变形

首先，css:

在左图中设置关键css属性(可以自己添加其他属性):

①透明度:滤镜:Alpha(不透明度= 50)；不透明度:0.5；兼容火狐和IE，

②Z轴顺序(比右图小):Z索引:1；你也可以不设置它；

③定位，固定大小:位置:相对(或绝对)；左:100 px；top:100 px；宽度:100 px；高度:80px

在右图中设置关键css属性(可以自己添加其他属性):

①Z轴顺序(保证大于左图Z轴顺序):Z索引:2；

②定位，固定大小:位置:相对(或绝对)；左:40pxtop:100 px；宽度:100 px；高度:80px

Js实现稍微复杂一点，如果你懂jQuery的话可能会简单一点，我就不写了，代码太多，

因为css可以解决，那么你就可以用css来实现。

至于要不要把矩形图像变成梯形图像，我相信是可以做到的。

比如:flip.js，这是翻牌效果。当他翻转时，是矩形到梯形，梯形到矩形。