A Pen by Colt Steele on CodePen.
Last active
January 28, 2020 17:07
-
-
Save liuxiaomingskm/7e2aa69c32fa2153e4c7668b31078390 to your computer and use it in GitHub Desktop.
Loading Page(练习了循环往复的loading图标)
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="container"> | |
| <h1>This page takes forever to load.</h1> | |
| </div> | |
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
| html { | |
| background: #ecf0f1; | |
| } | |
| body, h1, h2 { | |
| font-family: Helvetica, Sans-serif; | |
| color: #2c3e50; | |
| margin:0; | |
| padding:0; | |
| font-weight:300; | |
| } | |
| h1 { | |
| font-size: 80px; | |
| } | |
| h2 { | |
| font-size: 36px; | |
| opacity: 0; | |
| animation: appear 1s 3s forwards; | |
| } | |
| .container{ | |
| margin:4em; | |
| text-align: center; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
some exercises on Front-end~