Sun_

Safari真不愧是新时代的IE。由于 iOS 26最近发布，一下子把我的页面搞乱了 一、定位错乱问题 比如这样一个上下fixed定位布局 相关样式如下 正常情况下没什么问题，上下的吸顶（底）的 但是

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 个 ID 看上去就完全一致了

背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~

单IMG标签还能玩出什么花样？大部分注重内容的图片（比如商品展示、文章配图）都推荐直接使用`img`标签

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，如果提示文案比较多，提示区域

好久不见！ 大部分点击效果都平平无奇，如果你碰到一个这样的点击效果，会不会忍不住多点几次呢？ 看似有些复杂，其实分解开来，其实就两个动画 粒子的抛物线动画 数字的缩放动画 下面来一步步实现它，花两分钟

CSS attr函数相信大家都用过了吧，通常会配合伪元素content动态生成内容，不过，之前仅仅支持字符串形式，对于数字、颜色等都无法识别。现在，`CSS attr`迎来了全面进化

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

大家好，我是朽木白，一名非常普通的前端程序员，在前端这条路上淌七年的浑水，毫无建树。曾经我的年薪也达到过46w，后来在互联网泡沫的末法时代，不得已换了一份工作，自降6k去了一家教育公司