本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。

backdrop-filter 可以说是 CSS 中为毛玻璃量身定制的一个属性了。这也就是我在标题中使用熠熠生“毛”的原因了。

CSS filter在日常开发中是很常见的，这里我们将使用它实现一些动画效果，让网站交互更加酷炫，同时也加深对CSS filter的理解。

大家好，这次给大家换换口味，我们来点不一样的东西。请不要理解歪了🐶。 通过Three实现3D很容易，但这次我们通过CSS来实现3D。

暖心技术文。影射出一些前端童鞋的成长过程。 扎心技术文。影射出一些……聊天技巧？ 对所有人来说：钱，是一个人最硬的底气。 对技术人来说：技术，是一个人最硬的底气。

这是我参与更文挑战的第4天 先看效果： 前言： 这个思路是我在b站看up主Steven做的，觉得很不错，然后自己也弄了一个。（纯css），下面是详细过程。最后面有完整代码。 实现： 1. 首先定义一个

-webkit-box-reflect 是一个非常有意思的属性，它让 CSS 有能力像镜子一样，反射我们元素原本绘制的内容。 上一次写它，它的兼容性还非常非常的惨淡，但是到今天，虽然还是一个 Non-standard 的语法，但是兼容性已经大有改观，并且利用它，我们可以实现非常…

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…

现如今手机和电脑等设备无处不在，随时随地都有屏幕伴随着我们的工作与生活。在很多场景下，暗黑模式都有助于我们更轻松地浏览内容，譬如长时间在电脑前工作，睡前的“玩一会手机”。为自己的网站添加暗黑模式也比较简单，只需要几行 css 足以搞定。 在现代浏览器中，使用 prefers-c…