Created
September 1, 2015 02:53
-
-
Save hughker/3d8e85a0d32a3b67bde8 to your computer and use it in GitHub Desktop.
TNW Deals Spinner
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="us-spinner-wrapper ng-isolate-scope sc-loading" loading-spinner="" key="advance-checkout"> | |
| <div us-spinner="{length: 25, width: 7, radius: 34}" spinner-key="advance-checkout" class="ng-scope"> | |
| <div class="spinner" role="progressbar" style="position: absolute; width: 0px; z-index: 2000000000; left: 50%; top: 50%;"> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-0-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(0deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-1-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(30deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-2-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(60deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-3-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(90deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-4-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(120deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-5-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(150deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-6-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(180deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-7-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(210deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-8-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(240deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-9-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(270deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-10-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(300deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| <div style="position: absolute; top: -3px; -webkit-transform: translate3d(0, 0, 0); opacity: 0.25; -webkit-animation: opacity-100-25-11-12 1s linear infinite;"> | |
| <div style="position: absolute; width: 32px; height: 7px; background-color: rgb(0, 0, 0); -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px; -webkit-transform-origin: 0% 50%; -webkit-transform: rotate(330deg) translate(34px, 0px); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial;"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment