123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <style>
- *{ margin: 0; padding: 0; }
- html{
- font-size: 16px;
- }
- body{
- position: absolute;
- width: 100%;
- height: 100%;
- overflow: hidden;
- background-color: #202a36;
-
- }
- #threeDBox {
- position: absolute;
- top:0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- #back{
- position: absolute;
- right: 30%;
- top: 10%;
- display: none;
- width: 51px;
- height: 24px;
- cursor: pointer;
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAyCAYAAABbPiUzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMjdmM2UyYi1hMjkyLTRkYjYtOGEwMC05YzYxMmQzMzQzYjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0U1RjA2Qjc4NjMxMTFFQkExRTE5NjYxRkEyRjg0MjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0U1RjA2QjY4NjMxMTFFQkExRTE5NjYxRkEyRjg0MjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDI3ZjNlMmItYTI5Mi00ZGI2LThhMDAtOWM2MTJkMzM0M2I0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQyN2YzZTJiLWEyOTItNGRiNi04YTAwLTljNjEyZDMzNDNiNCIvPiA8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);
- background-size: 100% 100%;
- }
-
- /**/
- .sk-cube-grid {
- width: 2rem;
- height: 2rem;
- position: absolute;
- left: 50%;
- top: 50%;
- }
-
- .sk-cube-grid .sk-cube {
- width: 33%;
- height: 33%;
- background-color: #92e185;
- float: left;
- -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
- animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
- }
- .sk-cube-grid .sk-cube1 {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s; }
- .sk-cube-grid .sk-cube2 {
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s; }
- .sk-cube-grid .sk-cube3 {
- -webkit-animation-delay: 0.4s;
- animation-delay: 0.4s; }
- .sk-cube-grid .sk-cube4 {
- -webkit-animation-delay: 0.1s;
- animation-delay: 0.1s; }
- .sk-cube-grid .sk-cube5 {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s; }
- .sk-cube-grid .sk-cube6 {
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s; }
- .sk-cube-grid .sk-cube7 {
- -webkit-animation-delay: 0s;
- animation-delay: 0s; }
- .sk-cube-grid .sk-cube8 {
- -webkit-animation-delay: 0.1s;
- animation-delay: 0.1s; }
- .sk-cube-grid .sk-cube9 {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s; }
-
- @-webkit-keyframes sk-cubeGridScaleDelay {
- 0%, 70%, 100% {
- -webkit-transform: scale3D(1, 1, 1);
- transform: scale3D(1, 1, 1);
- } 35% {
- -webkit-transform: scale3D(0, 0, 1);
- transform: scale3D(0, 0, 1);
- }
- }
-
- @keyframes sk-cubeGridScaleDelay {
- 0%, 70%, 100% {
- -webkit-transform: scale3D(1, 1, 1);
- transform: scale3D(1, 1, 1);
- } 35% {
- -webkit-transform: scale3D(0, 0, 1);
- transform: scale3D(0, 0, 1);
- }
- }
- </style>
- <title></title>
- </head>
- <body>
- <div id="threeDBox"></div>
- <!-- <div id="back"></div> -->
- </body>
- </html>
|