css中，如何实现鼠标点击图片，图片先放大后恢复正常大小的效果

Question

css中，如何实现鼠标点击图片，图片先放大后恢复正常大小的效果？

Answer 1

img:hover{

transform: scale(1.1);

}
1.1是倍数

Answer 2

你需要写一个动画
具体可以看https://daneden.github.io/ani... 可以找到您需要的动画效果

当然您也可以自己写一个动画效果

keyframes zoomLarge {
    from 0% {
        transform:scale(0)
    }
    
    50% {
        transform:scale(1.2)
    }
    
    to {
        transform:scale(0)
    }
}

在css中你的那个类下面添加

animation:zoomLarge 5s 1;

希望能帮助到您 ，欢迎关注我的微信公众号：前端指南