手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用纯css实现鼠标移动到图片放大效果

时间:2024-10-13 18:00:11

1、打开编辑器。

如何用纯css实现鼠标移动到图片放大效果

2、创建图片标签。

如何用纯css实现鼠标移动到图片放大效果

3、包裹一个div标签。

如何用纯css实现鼠标移动到图片放大效果

4、设置overflow: hidden。

如何用纯css实现鼠标移动到图片放大效果

5、设置鼠标移动的hover效果。

如何用纯css实现鼠标移动到图片放大效果

6、再设置过渡就可以完成了。

如何用纯css实现鼠标移动到图片放大效果
© 手抄报圈