摘要： 前些天无意中看到的一条阿里巴巴前端面试题,该题目如下： 当鼠标略过某个区块的时候，该区块会放大25%，并且其他的区块仍然固定不动。 发现这种效果还是挺常用的，所以用纯css做了个类似的效果，但放大是通过设置新的宽和高而非放大百分比来实现，如果需要按题目那样通过百分比来控制放大倍数，就个人觉得就需要用js来进行动态计算，但原理是一样的。 实现原理： 由于这种图片的排列一般通过浮动来控制，所以在图片放大的时候，被放大的图片会影响到后续图片的位置。因此，我们要实现的就是在改变图片大小的同时改变图片位置。又由于图片并非绝对或相对定位，所以我觉得最适合通过margin来实现位置的调整。 阅读全文