如何用css实现鼠标移动图片上变模糊的效果

2026-04-09 09:01:38

1、打开编辑器。

如何用css实现鼠标移动图片上变模糊的效果

2、用img标签创建一个图片标签。

如何用css实现鼠标移动图片上变模糊的效果

3、设置适当的过渡效果。

如何用css实现鼠标移动图片上变模糊的效果

4、利用hover伪类。

如何用css实现鼠标移动图片上变模糊的效果

5、设置filter: blur。

如何用css实现鼠标移动图片上变模糊的效果

6、现在就可以看到效果了。

如何用css实现鼠标移动图片上变模糊的效果

相关推荐

ps如何运用分层云彩功能

阅读量：179

缩放工具的使用方法以及抓手工具的使用

阅读量：173

如何使用Photoshop添加“光泽”样式

阅读量：160

PS中的图案图章工具的使用方法

阅读量：139

如何制作加载动画效果图标

阅读量：23

猜你喜欢

猜你喜欢