我在看有些工作几年前端程序员写这种效果，如果不借助库的话甚至需要写`JavaScript`😧！！！😱哦,天呐！简直糟糕透顶😵‍💫，这是要干嘛！！！🔥

CSS 代表层叠样式表 （Cascading Style Sheets），理解第一个词层叠 （cascade）很重要——层叠的表现方式是理解 CSS 的关键。

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维 我认为这极为麻烦，因为你甚

前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画

虽然已经过去了很久，但那天的场景还是历历在目。 那天是在周五晚上 23 点过，大楼的中央空调都关了，我搓了搓手，看着还未完成的工作，想了想再不回去公车就没了，

改变输入框的光标颜色、3 行 CSS 将任意元素居中、1 行 CSS 添加平滑滚动、将任意图片添加到页面标题以创建炫酷的效果、纯 CSS 实现多行文字截断、使任意元素可缩放、将图片作为鼠标样式……

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

前言 当你想要吸引用户的注意力，动画是一个强大的工具。Animate.css是一个功能丰富的库，用于在网页上快速轻松地添加动画。无需深入JavaScript或复杂的CSS，你可以给元素添加预设的动画效

项目需要开发一个仿医疗证书类的一个小卡片，用于模拟展示不同种类的证书信息，其中内容项的标题需要根据文字框的宽度自适应调整字符间距，那如何使字符间距自适应文字块宽度就成了问题