之前也曾写了一个类似的演示，因为一开始弄 impress.js，一些特性还不熟悉，做得相对较差了些，现在依旧可以访问：

CSS 绘制三角形原理演示（动画）(旧版)（不推荐）

现在重新做了些修改，V2 版本参见：

CSS 绘制三角形原理演示（动画）V2 版

主要的一些改进如下：

  • 增加了子步骤，一页中内容过多时可以逐步呈现。
  • 增加了代码的高亮。（使用了 prism.js）
  • 增强的 impress.js，增加了导航按钮，下拉选择列表，进度条以及自动播放等特性。
  • 重新规划了页面的整体布局，在结尾增加了预览页。
  • 增加了部分动画演示，调整了部分语句及顺序等。
  • 支持在手机端阅读（不过导航效果等还不太好，仍不推荐在手机端阅读）。

如果你有什么改进意见，欢迎留言！