最近在开发的时候遇到了一个环形进度条的需求，设计师希望这个进度条是渐变色的，并且能有对应的动画。具体效果如图 因为git图的缘故所以看起来有点卡，但是实测帧数还是可以稳定到50到60之间的。 我们先来实现环形进度条。 因为其实我们的观点是错的。假如我们不做其他的处理，单纯的给一…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

因为平时也关注网易UEDC的订阅号，前几天就看到了这么一个动效，主题是《网易云音乐2018年度听歌报告》，内容是一个人在努力蹬车因为构图简单，创意又不错，所以就试了下用SVG+CSS动画实现起来的难度，大概费时两个小时左右，效率还是蛮高的，总比用AE实现起来快的多得多，下面就捋…

在前端领域中，掌握三栏布局是一个开发人员必备的技巧，本文将介绍七种三栏布局的技巧，在实际开发中，你可以选择适合自己实际需求的方式。

腾讯云技术社区 - 掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：link 街景 wap 官网中有在视网膜屏幕中实现 1px border 的需求. 首先，来看下面视觉给的输出图中的 border： 从上面的视觉图可以看到，border 是一根非常细的线。这篇文章将说明如何使用 bo…

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。 鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...