用纯 css3 做了一个守望先锋开场的 loading

V2EX = way to explore

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

现在注册

已注册用户请登录

Overwatch

守望先锋国服

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

最近在玩守望先锋，看到那个 loading 就试了下用 css3 做了出来，传送门： http://codepen.io/CCG/pen/KrANmJ/

第 1 条附言 2016-08-13 00:06:29 +08:00

但是觉得做的不是很好，这次重新做了一次，还原度比较高哈哈哈哈
传送门： http://codepen.io/CCG/details/EyGjqy/

CSS3

守望

先锋

29 条回复 2016-08-13 09:33:46 +08:00

nszm

2016-08-09 17:28:09 +08:00

正在前往...

sudoz

2016-08-09 17:48:05 +08:00

酷！

lution

2016-08-09 17:49:36 +08:00

这个不错。

HCCG

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

@sudoz (*^__^*)

hggg

2016-08-09 17:52:01 +08:00

正在前往多拉多

notgod

2016-08-09 17:53:12 +08:00 via iPhone

腾讯需要你少年

Phariel

2016-08-09 17:58:41 +08:00

正在前往漓江塔

fahai

2016-08-09 18:03:20 +08:00

very cool

undercloud

2016-08-09 18:11:18 +08:00

赞赞赞

kn007

2016-08-09 18:13:45 +08:00 via Android

超赞

angelsoul

2016-08-09 18:30:42 +08:00

cool cooler coolest

sneezry

2016-08-09 18:38:50 +08:00

赞！

jimages

2016-08-09 18:55:45 +08:00 via Android

点赞。

xiqingongzi

2016-08-09 19:00:42 +08:00

cool!

Ellison

2016-08-09 19:50:02 +08:00

正在前往努巴尼

jjplay

2016-08-09 20:34:23 +08:00

cool guys !

Dvel

2016-08-09 21:04:24 +08:00

正在占领目标点！

GtDzx

2016-08-09 21:07:37 +08:00

厉害

Kilerd

2016-08-09 21:54:06 +08:00

可以，这很屁股。

kaneg

2016-08-09 22:38:50 +08:00

帅

yusuki0310

2016-08-10 03:16:33 +08:00 via Android

他们都说完了，我该说什么(°A°`)

SilentDepth

2016-08-10 09:37:36 +08:00

@nszm @hggg @Phariel @Ellison
这不是「正在前往」吧？这是「正在搜索」吧？

@Dvel
你赢了……

nszm

2016-08-10 10:01:42 +08:00

可以做成 cm 吧..

hoythan

2016-08-10 10:12:58 +08:00

全部显示出来后,应该暂停几秒啊

sarike

2016-08-11 10:47:57 +08:00

zhouyg

2016-08-11 13:48:25 +08:00

酷， clip 的妙用

HCCG

2016-08-11 16:46:13 +08:00

@zhouyg 找了好多种方法，还是 clip 好用点，其实本来想用 SVG 的

gone

2016-08-12 12:06:40 +08:00

正在前往国王大道

ershisi

2016-08-13 09:33:46 +08:00

刚卸载了游戏 12 个小时，看完 loading 差点勾起瘾来。