OpenTiny Icons是 OpenTiny 团队开发的一款纯CSS图标库，覆盖了华为云规范中的四大类型的图标，其中单色图标以线型图标为主的设计风格，图标统一为`16*16`的大小

背景 tailwindcss已经升级到@4版本，并且已经成为了默认的版本，较于@3版本引用及自定义配置均有了变化，下面我们就对比下这两个版本的引用不同点 本文已 vue3 vite框架来做试验 vue

废话不多少 上图上代码 纯svg标签动画 使用`<use>`标签引用之前定义的`box`组两次，一次用于绘制蓝色的静态线条，另一次用于创建带有遮罩效果的动态线条动画。

今天在使用tailwindcss时，发现配置在tailwind.config.js中的颜色无论如何都不生效，一查才知道4.0 配置方式改变了。 在 Tailwind CSS 4.0 中，自定义颜色的方

UI 同学设计了上图效果，两个颜色图形代表 a，b 两个数据的百分占比，难点在斜边长方形，一次还画两个。

纯手工写一个复选框前端交互，这样可以自由定制自己想要展示的字段和设计风格。可能存在槽点，大家多多担待！

写一个基于vue+css的Tabs标签页简单的Demo,不依赖其他前端组件和UI切图，方便jym复制即用，当然代码也存在很多待优化和提高的地方,我就抛个砖引玉前来优化！

🖼️ 有时候在网页上看到一些很炫酷的小动画，比如loading特效，还能控制这个动画的状态，真的觉得很神奇。 大部分做后端的不想碰前端，做前端的不想碰动画特效

手把手使用 SVG + CSS 实现渐变进度环效果，利用的就是 SVG 的 stroke-dasharray。