CSS：filter（滤镜）属性

最新推荐文章于 2025-04-05 11:57:18 发布
最新推荐文章于 2025-04-05 11:57:18 发布
阅读量601 收藏 9
点赞数 9
分类专栏： CSS 文章标签： css css3 前端 filter属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/new_light123/article/details/137942554
版权
本文介绍了如何在HTML和CSS中使用各种滤镜效果，如灰度、高斯模糊、亮度调整、对比度、色相反转、颜色反转、透明度、饱和度和深褐色滤镜，展示了如何为图片添加不同的视觉效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

用途

可以用于img标签，div标签等

图像，背景，边框的调整

常用属性

1. 灰度

grayscale()，默认是0，100%就是黑白

2. blux

给图像设置高斯模糊的程度，radius值设定高斯模糊的程序，表示像素点合并到一起的程度

不能使用百分比作为参数

3. brightness

调整图片的亮度，参数是百分比

0表示全黑，默认是100%

4. contract对比度

表示明暗的差距，值越小明暗的差距越大；值越大，亮的部分越亮，暗的部分越暗
参数为百分比，0%表示全灰

5. hue-rotate色相反转

参数是度数

超过360度就回来了

6. invert反转图片

参数是百分比
100%表示图片颜色反转

7. opacity图片透明度

参数是百分比

0表示完全透明，

8. saturate图片饱和度

参数是百分比，可以超过百分百，表示过饱和

9. sepia深褐色滤镜

老照片的滤镜

代码

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<link rel="stylesheet" href="filter.css">
	</head>
	<body>
		<!--黑夜发光图片的demo-->
		<div class="edgeLightDemo">
			<div class
最低0.47元/天 解锁文章
python系列&deep_study系列：# ImportError: /usr/local/lib/python3.10/dist-packages/vllm/_C.cpython-310-x86
weixin_54626591的博客
08-12 725
ImportError: /usr/local/lib/python3.10/dist-packages/vllm/_C.cpython-310-x86_64-linux-gnu.so: undefined symbol: _ZN2at4_ops15to_dtype_layout4callERKNS_6TensorEN3c108optionalINS5_10ScalarTypeEEENS6_INS5_6LayoutEEENS6_INS5_6DeviceEEENS6_IbEEbbNS6_INS5_12Mem
venv uvicorn python 虚拟服务器外网无法访问
guoruijun_2012_4的专栏
03-16 675
控制台启动命令用以下代码启动。
基于 Uvicorn 的 FastAPI 应用：uvicorn.run(app, host=“0.0.0.0“, port=5050)
qiy_icbc的博客
10-29 2168
Uvicorn 使用 ASGI 规范来处理异步请求。FastAPI 是一个基于 Starlette 的框架，它也遵循 ASGI 规范。Uvicorn 可以将 FastAPI 应用包装成一个 ASGI 应用，然后启动一个服务器来处理传入的 HTTP 请求。 如果用户在运行容器时指定了其他命令，`ENTRYPOINT`指定的命令会被覆盖。例如，`docker run /bin/bash`会覆盖`ENTRYPOINT`指定的命令。
大模型快速 ASGI 服务器uvicorn
最新发布
不积跬步，无以至千里；不积小流，无以成江海。
04-05 858
Uvicorn 是一个基于 Python 的快速 ASGI（异步服务器网关接口）服务器。它的主要作用是作为 Web 应用程序的服务器，负责接收客户端的请求，并将请求传递给应用程序处理，然后将应用程序的响应返回给客户端。由于采用异步编程模型，它能高效处理大量并发请求，提升应用程序的性能和响应速度。
用Uvicorn 构建和部署高性能的异步 Web服务器@python
skywalk8163的专栏
09-28 1773
Uvicorn 是一个专为 Python 设计的快速 ASGI 服务器，它利用异步 I/O 实现了高效的并发处理能力，并且与各种 ASGI 应用程序框架无缝集成。无论是实时通信应用、高并发网站还是微服务架构，Uvicorn 都能够提供稳定、高效的支持。
基于python的web应用框架-Uvicorn
图灵追幕者博客录
03-09 4193
研究背景： 通过python语言，书写相关的算法接口，供本部门和别的部门相关同事调用实现相关功能，完成不同部门之间的工作合作。 问题描述： 不知道如何写接口，也不了解如何测试接口，调用接口。 原因分析： 第一次用python去写接口，对接口概念不是很了解，也不知道如何去写接口。 解决方案： 1.参考公司已拥有python接口代码，了解该接口使用的框架，最终确定使用uvicorn框架。 2.向搞微服务的同仁请教接口的测试方法，得知接口自带的测试方法如下：http://192.168.19...
uvicorn 命令行启动
~
09-14 1万+
开启uvicorn 可以使用两种方式： 一、run方式 uvicorn.run() 二、命令行方式 uvicorn xxx:app --host=‘0.0.0.0’ --port=‘9999’ --reload=True uvicorn/main.py中使用@click.option装饰器方便地实现命令行接口通讯 部分参数简单解释： –或-：参数前缀 is_flag：如果为真, 那么参数只能是True或者False, 命令行中出现了就是True,没有出现就是False type：类型 default：设
INFO:uvicorn.error:Started server process [21362] INFO: Waiting for application startup.
weixin_43361136的博客
02-17 1926
不要以nohup启动
uvicorn.error 2002197 INFO Uvicorn running on http://0.0.0.0:9997
07-19
当你看到这个日志信息时，它意味着Uvicorn已经启动并监听在IP地址`0.0.0.0`的端口`9997`上，状态码`2002197`通常不是HTTP状态码，而是Uvicorn内部的一个错误编号或者是自定义的日志级别，表示INFO级别通知，可能是在...
* Running on local URL: http://0.0.0.0:7862 ERROR: Exception in ASGI application
03-30
此外，用户可能参考了引用中的Docker容器配置（如引用3），如果在容器内部运行应用，需要确保端口映射正确，并且容器内的应用绑定到0.0.0.0而非localhost，否则外部无法访问。 最后，可能需要用户提供更多具体信息...
【PaddleSpeech】Speech Server 一键部署语音服务 端到端服务篇
Blueeyedboy521的博客
02-13 1009
【PaddleSpeech】Speech Server 一键部署语音服务 —— 端到端服务篇 安装 下载源码 安装依赖 删除软连接 nltk数据 并且把nltk_data拷贝到root目录，避免运行时重复下载超时 这里Server开启哪些服务，主要是由文件控制，这里先带大家一起解读这个文件。 host定义的是主机的网络服务信息 port开启8090端口 protocol定义了协议类型为http engine_list表示开启了哪些服务类型，我们可以看到开启了asr（语音识别）,tts（语音合成）
uvicorn，一个无敌的 Python 库！
m0_59236602的博客
02-25 1万+
我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。Uvicorn 提供了丰富的配置选项，以满足不同需求。观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。
如何触发FastAPI/Uvicorn的干净关闭
02-24 601
2. 在一个在线教育平台中，当课程被删除或用户退课时，您可以在`app.on_event('shutdown')`中添加代码来取消用户的订阅，以及清理他们的学习进度等。1. 在一个电商系统中，当用户注销账户时，您可以在`app.on_event('shutdown')`中添加代码来取消用户的所有订阅或订单，以及关闭他们与平台的连接等。2. 在您的FastAPI应用程序中，您可以使用`app.on_event('shutdown')`来定义一个在关闭时运行的事件处理函数。
python+uvicorn+fastapi (一) - 认识与第一个DEMO
热门推荐
我是一言
07-08 1万+
python+uvicorn+fastapi 背景 使用python的同学，有没有因为不知道用什么接口来测试自己的代码而郁闷？这里我们使用python+uvicorn+fastapi来写一些接口DEMO，DEMO中的接口可能包含form-data、x-www-form-urlencoded、json的等等。 安装和运行 安装 pip install fastapi FastAPI 是一个为你的 ...
python Flask启动app.run(host=‘0.0.0.0‘,port=5000)，外网不能访问
在路上
09-15 9042
最近在开展接口测试自动化过程中，部署代码到云服务公网环境时，发现外网不能访问，但是部署在本地local环境是没有任何问题的。 代码如下 #!/bin/sh from flask import Flask app = Flask(__name__) @app.route("/") def index(): return "hello world 20210915!!" if __name__ == '__main__': app.run(host="0.0.0.0", port=505
Fastapi使用uvicorn将日志和控制台打印输出到文件 loguru
qq_29622543的博客
04-13 1万+
Fastapi使用uvicorn将日志和控制台打印输出到文件 问题过程 使用Github搜索，没有找到方法。 在官方文档中查找，并进行搜索。没有找到内容。 google & 百度，都没有找到任何信息。 在bleepcoder中找到类似的问题，测试ok ????问题链接 解决过程 此方法需要用到loguru模块，没有安装的小伙伴请 pip install loguru 废话不多说，直接开始操作 创建配置文件 为了方便配置，创建一个配置文件来储存需要用到的参数，觉得没必要的话可以直接跳过这一步
flask中 app.run(host='0.0.0.0', port=5000, debug=False) 不能用外网ip访问的解决办法
james_laughing的博客
03-21 1万+
pycharm 2018开启debug模式和修改host： 在Pycharm 2018中，如果想要开启debug模式和更改端口号，则需要编辑项目配置。直接在app.run中更改是无效的。示例图如下： 将 app.run() 改成 app.run(debug=False) 保存文件，重新运行，就可以了。 ...
uvicorn 更改fastapi 运行host和port
solocao的专栏
12-16 3694
在命令行输入uvicorn --help可以显示参数介绍，主要两个参数: --host TEXT Bind socket to this host. [default: 127.0.0.1] --port INTEGER Bind socket to this port. [default: 8000] 所以运行命令可以改成： uvicorn app:app --host '0.0.0.0
python http服务器
qq_44761480的博客
02-02 887
使用该命令即可产生服务器，传输文件 # python 2 python -m SimpleHTTPServer 端口号 # python 3 python -m http.server 端口号 ipv6支持 但是问题来了，无论py2还是py3，默认都不支持ipv6 为了解决ipv6支持的问题，2、3的方法还是略有区别 python3 python3安装目录/lib/http/server.py 的如下位置添加带有加号的两行 就是把 server_address = (bind, port) Handl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值