🪴qql1's digital garden

Home

❯

笔记

❯

计算机知识

❯

app应用

❯

webAPP

❯

前端

❯

CSS

❯

css 模糊效果

css 模糊效果

2026年1月26日1分钟阅读

  • 前端-前者
  • 工作-作业-业务-事务-事情-事体-务-政工
  • 需要-需求-要求-求-需-急需
  • 实现-兑现-贯彻-落实-促成-心想事成-奋斗以成
  • 常见-经常见-熟-正常-多数
  • 普通-一般-平常-通常-寻常-便-日常-惯常-家常-常备-等闲-平凡-平淡无奇-司空见惯-习以为常-不足为奇-数见不鲜-一般性-不足为怪-常见-屡见不鲜-累见不鲜-平平常常-普普通通-一般而言-一般说来-万般
  • 广泛-广阔-宽广-广大-宽泛-普遍-周边-广-泛-大-常见-科普-周遍-漫无止境-大规模-大面积
  • 前端-dom-bom/css-
  • 文件-文档-txt文件-笔记
  • 札记-摘记-笔记-侧记
  • 杂记-笔记-笔录-笔谈-杂志-记-侧记
  • 记-笔记-速记-简记
  • 计算机-电脑-微处理机-微电脑-微机-微型机-微处理器-处理器
  • (电脑-PC-桌面端-计算机)应用-软件-程序-app
  • 网站-网页端-web端-web应用-webAPP
  • 效用-功用-作用-功能-职能-效能-效-功效-功力-效力-力量-效果-成效-效验-效应-效益-意义-法力-机能
  • 模糊-糊涂-朦胧-莽苍-迷茫-渺茫-缥缈-隐约-隐隐-微茫-恍惚-依稀-白蒙蒙-黑糊糊-黑忽忽-黑乎乎-模糊不清-糊里糊涂-若明若暗-影影绰绰-隐隐约约-隐约可见-雾里看花-模模糊糊-飘渺-胡里胡涂-恍恍忽忽-若隐若现-莫明其妙-不明-盲目-蒙胧-渺无音信-幽渺-恍-迷蒙-朦朦-盲用-惺忪
  • 混淆-搅混-搅乱-淆乱-模糊-歪曲-张冠李戴-指鹿为马-混淆是非-混淆黑白-习非成是-混为一谈-混淆视听
  • review/前端/高级/CSS
  • father::常见的前端业务需求
  • CSS

实现方案

  • use::

    css filter

    例如,设置一个元素的模糊效果为5px可以这样写:

    .element {
      filter: blur(5px);
    }
    指向原始笔记的链接

关系图谱

反向链接

  • 毛玻璃效果

Created with Quartz v4.5.2 © 2026

  • GitHub
  • Discord Community