之前在很多 App 上看到加载动画都是三个点形式的,突发奇想试着用 CSS 做了三个点的加载动画,而且这些动画都是单元素实现的,也就是只有一个 div 标签。
因为单元素限制比较多,所以实现起来比较困难,很多加载动画有些生硬,但是基本实现了想要的效果。个人觉得这个项目比较能考验 CSS 功底。
大家也可以发挥想象力,条件是三个点以及一个元素,还能实现哪些动画效果,欢迎给我留言。
先贴上项目地址: https://github.com/nzbin/three-dots
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.