alive_xin

通常情况下，我们要实现代码高亮功能，需要借助复杂的语法高亮库，例如Prism或highlight.js 这些库的基本原理是扫描代码，并将关键词包裹一层标签，然后通过CSS样...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

介绍一个和主题密切相关的CSS特性：light-dark，有了它，可以更灵活的适配各种主题模式。 一、prefers-color-scheme 一般来讲，网站会有三种主题模...

盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以...

大家有使用过offset-path吗？没用过不要紧，相信大家都见过这种酷炫的路径动画，这种就可以用offset-path来实现 随着 CSS的不断发展，最近在Chrome ...

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