html+css实现点击图片缩小或放大

html+css实现点击图片缩小或放大

1、html代码

2、给需要放大或缩小的图片添加联动样式

.qqq{

transition: all 0.2s linear;

}

3、设置图片的hover样式,scale(0.8)代表图片变为原图片的0.8倍,0.2s代表该变化在0.2s内完成

.qqq:hover{

transform: scale(0.8);

transition: all 0.2s linear;

}

4、完结

----------------------------------------------

更新:

实现边框在鼠标移上去与鼠标离开时的动态缩放效果,使用after联系鼠标上移与鼠标退出,详情见下图中css部分

相关推荐

关于5sing歌曲提交审核注意须知
365娱乐游戏是什么

关于5sing歌曲提交审核注意须知

📅 06-27 👁️ 1247
原神白鹭之约怎么送礼 教你礼物礼数搭配 让你轻松完成送礼任务
王者荣耀:你还在出肉装的蔡文姬吗?出错装了,你看看解析全懂了