「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 在我看来，最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素，但阴影是一个关键因素。 然而

本文将介绍一种配合 SVG 滤镜实现各种不规则图形添加边框的小技巧。 在我们日常开发中，时长会遇到一些非矩形、非圆形的图案。类似下面这些： 使用纯 CSS，搭配一些技巧，是可以制作出上面的图形的，当然这只是需求的第一步。 紧接着，可能会有要给上述图形添加边框的诉求，这个时候，C…

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好

与其他任何编程语言都一样，CSS 当中拥有许多函数，功能也是十分给力的，很多时候我们已经使用了却没有注意到。最近复习 CSS 当中的知识点时，突然发现我们平时用到的 CSS 函数只是 CSS 大框架中的一小部分，于是对 CSS 函数标记的知识总结了一下，希望能对整个的 CSS …

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？ 把上面提到的三个属性放在一起就实现了平稳缓慢的滚动，再借助js移…

比如下图中，有的列表项的文字短，有的文字长。 需求是：希望文字长的部分能通过动画滚动显示。 我的第一反应是用纯 CSS 做不了。 其中涉及了一些有趣 CSS 知识点，在这里分享一下。 1. 如何让文字溢出容器？ work-break 属性是用来处理文字如何换行的，这里使用了不太…

1. 思路 2. 设计 我们再定义一个与容器颜色相同的盒子, 将上半部分盖住就可以啦. 3. 最终解决方案代码

Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting con…

css中的 BFC 特性是在css2.1规范中引入的块渲染规则，利用这些规则可以帮助我们处理页面中的布局等问题。比如：在清除浮动方案中我们可以在父容器中加入 overflow:hidden，这就是利用了 BFC 特性。同时也是面试中一个常问的知识点，所以深入理解 BFC 很重要…