-
-
Save yeyuguo/87103954fe9463404c8c to your computer and use it in GitHub Desktop.
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
| <!DOCTYPE html> | |
| <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <title></title> | |
| <style type="text/css"> | |
| #halfCircleBlack{ | |
| height:30px; | |
| width:60px; | |
| border-radius: 60px 60px 0 0; | |
| -moz-border-radius: 60px 60px 0 0; | |
| -webkit-border-radius: 60px 60px 0 0; | |
| background:black; | |
| } | |
| #halfCircleGrey{ | |
| height:30px; | |
| width:60px; | |
| border-radius: 60px 60px 0 0; | |
| -moz-border-radius: 60px 60px 0 0; | |
| -webkit-border-radius: 60px 60px 0 0; | |
| background:grey; | |
| } | |
| #halfCircleBlue{ | |
| height:30px; | |
| width:60px; | |
| border-radius: 60px 60px 0 0; | |
| -moz-border-radius: 60px 60px 0 0; | |
| -webkit-border-radius: 60px 60px 0 0; | |
| background:green; | |
| } | |
| #halfCircleYellow{ | |
| height:30px; | |
| width:60px; | |
| border-radius: 60px 60px 0 0; | |
| -moz-border-radius: 60px 60px 0 0; | |
| -webkit-border-radius: 60px 60px 0 0; | |
| background:yellow; | |
| } | |
| .pictures tr:nth-child(2n){ | |
| align="center"; | |
| -moz-transform: scale(0.5); | |
| -webkit-transform: scale(0.5); | |
| -o-transform: scale(0.5); | |
| -ms-transform: scale(0.5); | |
| transform: scale(0.5); | |
| color:red; | |
| } | |
| .pictures td:nth-child(2n){ | |
| align="center"; | |
| -moz-transform: scale(0.0); | |
| -webkit-transform: scale(0.0); | |
| -o-transform: scale(0.0); | |
| -ms-transform: scale(0.0); | |
| transform: scale(0.0); | |
| } | |
| .pictures tr:nth-child(2n+11){ | |
| align="center"; | |
| -moz-transform: scaley(0.8); | |
| -webkit-transform: scaley(0.8); | |
| -o-transform: scaley(0.8); | |
| -ms-transform: scaley(0.8); | |
| transform: scaley(0.8); | |
| } | |
| .pictures td:nth-child(2n+23){ | |
| align="center"; | |
| -moz-transform: scaley(0.6); | |
| -webkit-transform: scaley(0.6); | |
| -o-transform: scaley(0.6); | |
| -ms-transform: scaley(0.6); | |
| transform: scaley(0.6); | |
| } | |
| .pictures tr:nth-child(2n+35){ | |
| align="center"; | |
| -moz-transform: scaley(0.4); | |
| -webkit-transform: scaley(0.4); | |
| -o-transform: scaley(0.4); | |
| -ms-transform: scaley(0.4); | |
| transform: scaley(0.4); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <table class="pictures" border="0" align="center"> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr><tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr><tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr><tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr><tr><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td><td id="halfCircleBlue"></td></tr> | |
| <tr><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td><td id="halfCircleGrey"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| <tr><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td><td id="halfCircleYellow"></td></tr> | |
| <tr><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td><td id="halfCircleBlack"></td></tr> | |
| </table> | |
| </body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment