CSS3特效鼠标经过图片自动变大,离开后图片变小

今天带来的这个CSS特效可以使用CSS的:hover伪类和transform属性来实现鼠标触碰图片后自动变大,鼠标离开后图片变小的效果。

HTML代码:

<img src="图片地址" alt="图片描述" class="img">

CSS代码:

这样,当鼠标触碰图片时,图片会自动放大1.2倍,当鼠标离开图片时,图片会自动恢复原来的大小。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

给TA打赏
共{{data.count}}人
人已打赏
ajax前端

WordPress评论中实现ajax无刷新

2023-4-24 22:02:24

css3前端

CSS3特效-鼠标经过图层上移并带阴影

2023-5-2 20:57:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索