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

在前端开发中，我们经常会遇到这样的布局：在一个容器中，排布有两个元素，A元素宽度固定，B元素宽度自适应，如下图： 我们的CSS也能随手捏来 上述代码中，我们使用flex: 1

原生语音 造 仪表盘。h5页面中，做一个环形仪表盘（如下图），需要一个从0%到实际百分比的增长过渡动效

1、效果图 用手机录屏再用小程序转换的gif，可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图

Telegram 是一款设计相当精良且体验良好的 App, 应用的美观度和流畅度都是业界的天花板, 前几天突发奇想想实现下 Telegram 的主题切换动效, 这篇文章主要是记录我的实现思路和过程.

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸

上篇讲完了渐变动画，本篇我们讲一下 animation 动画，animation 动画相比渐变动画来讲功能更丰富，使用也更复杂，不过其中相通之处也很多，建议看完上篇再来看本篇可以更方便吸收。 常见使用

本文讲了什么是BFC，BFC的概念是什么；咋样才能生成新的BFC; BFC的约束规则；BFC在布局中的应用：防止margin重叠； 清除内部浮动；自适应两（多）栏布局的

在推特上面看到 T. Afif 介绍的十个 Loading 效果。 Yeah，很赞哦，挺实用的，遂记录下来。 希望对读者写代码有所启发～