CSS 数学函数跳支舞
来源：dev.to — 2026-11-02
📋 概述
一张用 HTML 和 CSS 画出来的漫画：手臂由多个子元素叠成，各自套用面板标题里的数学函数，把曲线尽量准确地画出来。作者说这些确实是真正的 CSS 数学函数，只是为了让曲线落在面板里做了些微调，毕竟 CSS 和自己都有局限。整张图没有使用图片素材，源码和单图链接都公开了。
🔑 核心要点
- 整张漫画不含位图，全部由 HTML 与 CSS 元素绘制。
- 每只手臂由多个子元素叠加，各自绘制对应函数的曲线。
- 面板标题写的函数名与实际绘制使用的函数一致。
- 作者公开源码与单图链接，可以直接拆开研究。
💡 金句
“it's actually using real CSS math functions.”
译：它确实用的是真正的 CSS 数学函数。
👍 0
👎 0
← 返回 dev.to 首页