王树贤 WangShuXian6
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>SVG Loading Images</h1> | |
| <!-- 1 --> | |
| <div class="loader loader--style1" title="0"> | |
| <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
| width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"> | |
| <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 | |
| s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 | |
| c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/> | |
| <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .back | |
| .registration-form | |
| header | |
| h1 Sign Up | |
| p Fill in all informations | |
| form | |
| .input-section.email-section | |
| input(type="email" placeholder="ENTER YOUR E-MAIL HERE" autocomplete="off").email | |
| .animated-button | |
| span.icon-paper-plane |
WangShuXian6
/ cub-n-pup-puzzle-game-demo.markdown
Created
September 9, 2017 21:51
Cub n Pup - puzzle game demo
How to play: Drag cub to star, Drag grid to rotate.
Also available at cubnpup.com
This is a proof-of-concept for a game. Basic art, no sound, no options, no polish. But the core game-play is there. It's more of a mobile game, focused on dragging — inspired by Threes. I'm looking to see if its any fun. Let me know!
I've always wanted to make a video game. This could be the one. My previous attempts never got past isolated demos because they were aiming for bigger ideas. They grew complex and unwieldy. So this game is designed to be simple. A game that I can actually make.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav class="nav"> | |
| <input type="checkbox" class="nav__cb" id="menu-cb"/> | |
| <div class="nav__content"> | |
| <ul class="nav__items"> | |
| <li class="nav__item"> | |
| <span class="nav__item-text"> | |
| Home | |
| </span> | |
| </li> | |
| <li class="nav__item"> |
A Pen by Bennett Waisbren on CodePen.
WangShuXian6
/ animated-weather-cards.markdown
Last active
September 11, 2017 09:18
Animated Weather Cards
Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state.
A Pen by Steve Gardner on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <h3>Simple</h3> | |
| <input type="checkbox" id="simple-1"> | |
| <label for="simple-1"></label> | |
| <input type="checkbox" id="simple-2"> | |
| <label for="simple-2" class="red"></label> | |
| <input type="checkbox" id="simple-3"> | |
| <label for="simple-3" class="green"></label> | |
| </div> |
WangShuXian6
/ animated-weather-icons.markdown
Created
September 10, 2017 04:24
Animated Weather Icons
Based on dribbble shot https://dribbble.com/shots/2097042-Widget-Weather by kylor
A Pen by Josh Bader on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>SVG Loading Images</h1> | |
| <!-- 1 --> | |
| <div class="loader loader--style1" title="0"> | |
| <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" | |
| width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"> | |
| <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 | |
| s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 | |
| c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/> | |
| <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 |
OlderNewer