标签：动画
css如何实现一个圆弧倒计时进度条
一、前言最近的项目中，需要实现一个圆弧形倒计时进度条，对于本来 css 知识薄弱的我当场就懵逼，脑海里总是不断思考如何实现，不幸的是脑袋里没能蹦出半个想法。然后立马百度查看网上是否有相似的解决方案，百度下来初步知道如何来实现了，那我们就一步一步从 0 到有开始这段旅程。首先展示一下最终的成果，最终效果图如下：实现要点：浅色圆弧需要分成左右两边，左……
11-03 立刻查看
网页中使用SVG实现环形进度条的原理
之前在项目中遇到一个环形进度条的需求，要求能实时更新进度，脑海中瞬间便蹦出 css，svg，canvas3 中方案，对于 3 种方案个人更偏向于svg，用法简单，代码量也很少，同时也便于实时控制。具体效果如下图：代码非常简单：<svg width="150px" height="150px" class="svg"> <c……
11-03 立刻查看