一位朋友n长期不动声色，最近不得不通过需求和人手勉强捡起来。 有一个需求是图像的放大浏览。 因为没有时间学习react等新事物，所以还是用jq找插件，但不太满意。 所以你问我有没有推荐。 我考虑了一下，引入新插件的开销还在。 可以使用CSS3的新功能。 transform有一种实现缩放的方法scale，与animation配合并不简单。
但是，到目前为止有问题。 放大图像后，不能影响现有的盒子结构。 所以，只要对图像的父要素进行相对定位，对图像使用绝对的定位就可以了。
以下是自由写的小demo :
saletest @ key frames transform-test {
to {
变换：比例(2)；
}
}
. img-box {
定位：关系；
width:200px；
边距：200 px auto 0；
}
. img {
定位：助手；
}
. img:hover {
添加fill-mode forwards，在动画结束后也可以添加*/
动画：1 s transform-test forwards；
}
img {
width: 100%；
height :自动；
}
上面是hover时的图像放大了两倍。 为了实现click效果，在click之后改变class，在这个class上直接写上animation就可以了。
我的github也有关于animation和transform的整理知识点。 但是，由于animation相关不是原创的，所以无法传达。 详情请跳页。