卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › Css Filter

Css Filter

坚果大叔
2018-09-26 13:42:18技术阅读 2,898

Css Fileter

参数:
blur(10px)   高斯模糊(px) 越大越模糊

brightness(1%) 线性乘法 提高亮度或变暗 越小越黑

contrast(1%) 对比度 越小越黑  越大越亮

drop-shadow(1px 1px 10px 20px)  类似于box-shadow

grayscale(1%) 灰度图像  越大越灰

hue-rotate(1deg) 色相旋转 0-360

invert(1%) 反转输入图像  0-100

opacity(1%) 设置透明度

saturate(1%) 设置图像饱和度 越大饱和度越高

sepia(1%) 图像转换未深褐色, 0-100 越大颜色越深
Filter
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
移动端常见布局方式
上一篇
Url参数获取和更改
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
随便转转!
前端性能优化
小毛驴历险记2
重学js之JavaScript 面向对象的程序设计(创建对象)
周末,去太湖。
JS如何去除数组中相同的数值
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
幼小衔接启蒙助手更新 v2.0.30
2026-09-20 22:13:00
339 1 0
什么是Agent?
2026-08-15 23:49:12
869 1 2
什么是 Skill?
2026-08-12 21:32:42
812 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
1,518 10 1
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
347
文章
173
评论
434
喜欢