CSS又出了个表示进度值的progress()函数,这个函数还是挺实用的,任何与进度值相关的场景都是他的使用场景,不妨进来快速了解一下吧。
阅读全文…
标签:calc, cqw, css var, infinity, progress, vw, 进度条 发布在 CSS相关 | 没有评论 »
我们可以使用纯CSS显示页面滚动百分比进度,传统实现是在body标签上做文章,但有致命缺陷,后来我借助混合模式实现了一种新方法,此方法可以规避传统实现的不足,使纯CSS滚动指示器效果在实际项目中应用成为了可能。
标签:body, css相关, darken, lighten, mix-blend-mode, pointer-events, z-index, 滚动, 进度条 发布在 CSS相关 | 21 条评论 »
最近做项目,发现CSS变量一个有意思的特性,那就是变量作用域非全局,于是,我们可以放心大胆使用CSS变量给伪元素传参了。这样,以前一些很啰嗦的实现现在就可以变得非常简洁。
标签:calc, counter, css3, css相关, progress, var, 变量, 进度条 发布在 CSS相关 | 5 条评论 »
本文内容如题。有Demo有截图有帅气的源代码展示,不过没有漂亮的妹子,但是这并不会影响你的学习。
标签:loading, stroke-dasharray, SVG, 圆形, 扇形, 进度条 发布在 SVG相关 | 30 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee