极客编程挑战#018：设计独一无二的页面 ”加载中“ 效果

本期挑战

请使用以下开练 LOGO 素材为基础（三选一即可）：

图片（base64）：http://www.gbtags.com/gb/rtreplayerpreview/808.htm
SVG图形：http://www.gbtags.com/gb/rtreplayerpreview/809.htm
或者基于以上图形的的自定义LOGO设计

挑战要求：

使用你所熟悉的任意前端技术（JS，CSS3，画布，SVG动画等等），生成一个漂亮动态的 ”页面加载中“ 效果，持续5秒后，页面即导向地址：http://www.kiklink.com

设计的越有想法，越炫酷，越容易获取本期奖品哦~~~ ，下面是一个可供参考的SVG动画效果范例~~ ( 点击看GIF动画 )：

提交方式：

录制代码编写过程或最终代码：点击开始
跟帖发布代码预览地址（可以使用GB按钮直接嵌入留言）：演示地址
【强烈提醒】加入QQ群：157757552，获奖用户及递交快递联系方式

开练APP介绍

开练—— 专注运动俱乐部的垂直社交020平台，开练只做一个产品：开练卡。通过开练卡，你可以去各种好玩的运动俱乐部，将“三点一线”的生活升级为“四点一线”：卡丁车、攀岩、射箭、剑道、柔道、瑜伽等超多好玩的新鲜运动，一卡全玩遍！

链接地址：http://www.kiklink.com

礼品赞助

本期挑战礼品3份（“开练”移动电源 + 100元开练运动充值卡） + 20元开练运动充值卡（参与即送，只限北京地区）由运动 O2O社交平台开练鼎力赞助！

北京的程序猿们，cosplay程序猿鼓励师已经过时了，尝试一下 “开练” 独家提供的“美女运动鼓励师” 服务吧~~~

苦逼加班的程序员你们还好吗，单身dog们是不是还在幻想老板为你们招来几个长相清新、声线甜美，还能擦汗倒茶温柔倾听的鼓励师？

然而，现实不能更残酷了。

真实的程序员鼓励师——上班时柔情万种，下班后就翻脸不认人。

开练的程序员鼓励师——美貌与身材并存，下班以后还陪着你，与你一起香汗淋漓玩运动！来自舞蹈、瑜伽、剑道、弓道、搏击馆、各种健身俱乐部的超高颜值美女教练和神秘会员妹子们，就围绕在你的周围，开练帮你免费约妹子到俱乐部里玩耍。最重要的是，不用担心要从中关村跑到酒仙桥去锻炼，就在你公司楼下和你家附近，就有一大群可爱的程序员鼓励师等着你哦！