分享一些渐变的实际案例。最近在工作中碰到一个这样的进度条，如下 和一般进度条不同的是，上面多了很多小圆点，每个小圆点代表一个进度。 由于是完全自适应的，圆点可以自定义数量，宽度也能自动分配，就像这样

在网页开发中，用户体验至关重要。尤其在涉及内容滚动的情况下，如何让用户快速聚焦到他们想要的内容，是提升用户体验的关键之一。

大家好，这里是CSS魔法使——alphardex。 我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各种技巧总结起来，让大家也能愉快地玩耍CSS动画。 好了，话不多说。让我们一起进入CSS动画这个领域吧！ 平…

现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现这样一个功能：有多个宽度不同的标签水平排列，当外层宽度不足时，会自动提示超出的数量，演示效果如下 如果让我用 JavaScript来实现估

2024年，让我们放弃框架来实现Web布局吧！框架虽便利，但也限制了创意和性能。通过直接使用CSS Grid和Flexbox，我们可以打造更高效、独特的网页设计。不再依赖冗余的库，纯净代码让加载更快，

设置 flex: 1 的元素可以占据父元素的剩余宽度/高度。但 flex: 1 的元素的宽度/高度可能会超过父元素的宽度/高度。

在网页添加一些简单的切换动画一般使用CSS3的animation或者transition实现，而Element.animate是新的原生Javascript Api，能使用JS快速为Dom添加动画。

琢磨了一下，当时我还真按照产品经理的逻辑，通过js判断一下文字的高度，如果超过一行，就添加一个类名，而且这样的文字很多地方都有，所以还做了遍历，还有最重要的一点是关于方法执行的时机，有可能刚加载的时候高度还获取不到（当时好像还用了定时器，还造成了先居中随后居左跳动的现象）...…

介绍一个关于CSS :nth-child 选择器的新特性。 不知道大家有没有碰到过这样的问题或者需求，从一个特殊的、不可更改的HTML结构中选择出你想要的元素，比如 请问，如何选择第2个.p2标签，如