持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板

在实际开发过程中，通过时间的沉淀，一些老人常常能写出一些让小白大吃一惊“骚操作”，那些“骚操作”通常简单的离谱，却能做很多事，属实是让很多新人摸不头脑。

滚动条是网页可用性和可访问性的重要元素之一。你可以通过滚动条来知道页面的长度和当前所在位置。滚动条作为一种工具，应具有功能性：可见，适当大小且具有交互性。我们根据网页性质和大概的访问者属性，可以选择是

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考...

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。

今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s