我又来啦~用纯 css3 做了一个在守望先锋加载地图时的 loading

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3059 天前的主题，其中的信息可能已经有所发展或是发生改变。

没错我又来了，之前用 css3 做了一个守望先锋开场的 loading
传送门： http://codepen.io/CCG/pen/KrANmJ/
但是觉得做的不是很好，这次重新做了一次，在加载地图的时候录了个视频，观察了好久，还原度比较高哈哈哈哈
传送门： http://codepen.io/CCG/details/EyGjqy/

CSS3

守望

传送

9 条回复 • 2016-12-08 17:22:10 +08:00

ynyounuo

2016-08-13 00:03:12 +08:00

还原度好高，非常厉害

bdbai

2016-08-13 00:15:37 +08:00 via Android

没有玩过屁股，不过这能看一年。

Kilerd

2016-08-13 00:58:46 +08:00

好厉害。

loading

2016-08-13 09:49:09 +08:00

打算在公司内部项目里用一下这个加载动画，哈哈。

loveuqian

2016-08-13 09:52:49 +08:00

有意思。哈哈哈

franklinyu

2016-08-13 14:27:37 +08:00

一直觉得前端是黑科技…… 这个为什么可以用纯 CSS 做……

Senevan

2016-08-16 12:36:54 +08:00

强，还原度很高

HCCG

2016-08-16 14:12:02 +08:00

@Senevan 嘻嘻

ahcheqiu

2016-12-08 17:22:10 +08:00

感谢楼主，借用楼主的代码，修改了六边形的布局，用 Polymer 做了一个 component ，可以自由调节大小了。
https://work.orzorc.space/overwatch-style/test/overwatch-loading.html
想看的人需要 chrome 浏览器，可能需要科学上网。