CSS3 图片模糊处理

说明

CSS3滤镜filter：
filter CSS属性将模糊或颜色偏移等图形效果应用于元素。

filter: 函数()；

例如：filter: blur(5px); 模糊处理，数值越大越模糊。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter-function/blur

filter后面可以跟多种函数，详见：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
在这里插入图片描述

示例

不加模糊

例如，没有模糊之前：
在这里插入图片描述

在这里插入图片描述

加了5px的模糊

在这里插入图片描述

加了15px的模糊

在这里插入图片描述

鼠标移上去就不模糊、鼠标离开就模糊

在这里插入图片描述

鼠标没有移上去时显示的是模糊的：
在这里插入图片描述

鼠标移上去时不模糊显示：
在这里插入图片描述

标签

CSS3 图片模糊处理

说明

示例

不加模糊

加了5px的模糊

加了15px的模糊

鼠标移上去就不模糊、鼠标离开就模糊

JavaWeb（4）JavaScript入门2—— JS的对象和JSON

preinstall: “npx only-allow pnpm”的解析

(已解决)npm ERR! request to https://registry.npm.taobao.org/xxx failed, reason: certificate has expired

2024 npm install 卡住不动怎么办，这几种方法教你解决

npm更换阿里云国内源

npm切换镜像源

Vue3 Vue Router实现动态路由导航

vue 不是spa 单页面应用吗？配置路由工作模式为history 后 ,为什么配置Nginx的 try_files 可以根据url 找到对应的文件？

【Vue】`v-if` 指令详解：条件渲染的高效实现

vue通过html2canvas jspdf生成PDF问题全解(水印，分页，截断，多页，黑屏，空白，附源码)

前端哥

.net通过类组装数据转换为json并且传递给对方接口

JavaWeb（4）JavaScript入门2—— JS的对象和JSON

OpenAI / GPT-4o：Python 返回结构化 / JSON 输出

努力让人记住的tsconfig.json配置介绍

VsCode的json文件不允许注释的解决办法

在C#中使用JSON

JSON串

JSON教程（非常详细）

猫头虎分享Python 编码转换库：处理 JSONL 编码格式转换的最佳实践

【Python系列】接口下载json文件并指定文件名称

1
【Echarts系列】—— 实现电池图、3D立体圆形柱状图

2024-03-03 11:03:011001

2
CSS常用属性（文本属性）

2024-11-04 09:11:111000

3
TypeScript 中的 Number 类型，Number 类型的特性、常见操作和注意事项

2024-09-30 23:09:061000

4
CSS写代码使页面划分为左右两个区域

2024-09-09 00:09:071000

5
vue使用datav echarts

2024-09-06 00:09:381000

6
使用TweenMax.js和CSS3创建冰球运动员动画效果教程

2024-09-04 23:09:411000

7
使用CDN提高jQuery加载速度

2024-08-24 23:08:211000

8
小兔鲜儿网页首页制作黑马程序员前端基础项目自学笔记

2024-08-19 22:08:161000

9
《Vue》你的弹窗能拖动吗？Vue自定义指令实现可拖动弹窗

2024-08-19 22:08:121000

10
npm的使用

2024-08-18 00:08:131000