热门标签：
Mac 多显示器 显示器扩展 requests patch 并发 Alpine Linux BSD Linux 电动汽车 全部标签

更上一层楼的毛玻璃效果：backdrop-filter 的妙用

2024-12-07

本文介绍了如何使用 CSS 的 backdrop-filter 属性创建更逼真的毛玻璃效果。文章指出，开发者通常只使用 `backdrop-filter: blur()`，但忽略了周边元素的影响，导致效果失真。作者提出了一个巧妙的解决方案：通过创建一个更大的子元素，应用模糊滤镜，再用遮罩将其修剪回原始大小，从而将周边元素纳入模糊范围。文章还讨论了指针事件、顶部闪烁、玻璃厚度、浏览器兼容性以及玻璃边缘效果等问题，并提供了最终代码示例。

阅读更多
(www.joshwcomeau.com)
4
未分类 毛玻璃效果 backdrop-filter

现代 CSS 重置

2024-10-25

本文介绍了作者Josh W. Comeau的自定义 CSS 重置方案，旨在改善用户体验和 CSS 开发体验。该方案并非完全清除所有浏览器默认样式，而是保留一些常用样式，并针对一些常见问题提供解决方案，例如：使用 `box-sizing: border-box` 简化盒子模型计算，移除所有元素的默认外边距，设置更易于阅读的行高，改善文本渲染，优化媒体元素默认样式，使表单控件继承字体样式，避免文本溢出，改进换行算法，以及为 React 等 JavaScript 框架创建根堆叠上下文。

阅读更多
(www.joshwcomeau.com)
21
未分类 CSS Reset