Geek Programming Challenge #018: Design a unique page "load in" effect

The challenge of the current period

Please use the following training LOGO material as the basis ( three choose one can ):

• Picture (base64): http://www.gbtags.com/gb/rtreplayerpreview/808.htm
• SVG graphics : http://www.gbtags.com/gb/rtreplayerpreview/809.htm
• Or a custom logo design based on a shape

Challenge Requirements:

use any front-end technology you are familiar with (JS,CSS3, canvas, svg animation, etc.) to generate a beautiful dynamic "page load" effect, after 5 seconds, the page is directed to the address: http://www.kiklink.com Design The more ideas, the more cool, The easier it is to get the prizes for this issue Oh ~ ~, here is an example of SVG animation effect for reference ~ ~ ( click to see the animated GIF):

How to submit:

• Recording code writing process or final code: Click to start
• Post Code preview address (you can embed a message directly with the GB button): Presentation address
• "strongly remind" join QQ Group: 157757552, award-winning users and express contact information

Training App Introduction

Training--Focus on the sports club's vertical social 020 platform, practice only one product: Open practice card. Through the Open practice card, you can go to all kinds of fun sports clubs, the "glue" Life upgrade to "4.1 line": Kart, rock climbing, archery, kendo, judo, yoga and other super fun fresh sports, a card all play all over!

Link Address: http://www.kiklink.com

Gift Sponsorship

3 Parts of the present Challenge gift ("open training" mobile Power + 100 Yuan Training Sports Prepaid card) + 20 Yuan Training Sports Recharge Card ( participate in the delivery, limited to Beijing ) by the sports social platform to open the training of the full sponsorship!

Beijing's procedural Apes, cosplay program ape encouragement is out of date, try to "practice" the exclusive provision of "beauty Sports encouragement Teacher" service Bar ~ ~ ~

The hard work of the programmer are you all right, single dog is still fantasy boss for you to bring a few looks fresh, sweet voice, but also can wipe the tea gently listen to the encouragement of the teacher?

However, the reality can not be more brutal.

Real programmer encouragement Teacher----------------over face not at work.

Practicing programmer encouragement Teacher--beauty and figure coexist, after work with you, with you sweat dripping play sports! From dance, yoga, kendo, Kyudo, Fight Hall, a variety of health club's ultra-high beauty coach and mystery member sisters, around you, training to help you free about sister to play in the club. The most important thing is, do not worry about running from Zhongguancun to Jiuxianqiao to exercise, in your company downstairs and near your home, there is a large group of cute programmers to encourage the teacher waiting for you Oh!

Gift Sponsorship

100 Yuan Value Prepaid card (Activation/Recharge Card method: Download the app, login to activate)

Mobile Power

20 Dollar Prepaid Card (take part in the challenge and get it-limited to friends in Beijing)

How to increase the chance of winning?

• Fastest Completion Award: Fastest Save Submit "qualified" code
• Best Explanation Award: Code recording process and detailed explanation
• Best Popularity Award: Most people who like (dot +)
• Participation in this issue: new entrants to this challenge will be acquired (Beijing address procedure Ape ~ ~ ~ ~ ~)

Bask in the award-winning gift of the past period

Click here to bask in the present

Geek Programming Challenge #018: Design a unique page "load in" effect