\n * {\n margin: 0;\n padding: 0;\n }\n\n html,\n body {\n height: 100%;\n /* for touch screen */\n touch-action: none;background:none;\n }\n\n body {\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n \n -webkit-perspective: 1000px;\n perspective: 1000px;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n }\n\n #drag-container,\n #spin-container {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: auto;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-transform: rotateX(-10deg);\n transform: rotateX(-10deg);\n }\n\n #drag-container img,\n #drag-container video {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n line-height: 200px;\n font-size: 50px;\n text-align: center;\n \n }\n\n #drag-container img:hover,\n #drag-container video:hover {\n -webkit-box-shadow: 0 0 15px #fffd;\n box-shadow: 0 0 15px #fffd;\n -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0007);\n }\n\n #drag-container p {\n font-family: Serif;\n position: absolute;\n top: 100%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%) rotateX(90deg);\n transform: translate(-50%, -50%) rotateX(90deg);\n color: #fff;\n }\n\n #ground {\n width: 1200px;\n height: 900px;\n position: absolute;\n top: 100%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%) rotateX(90deg);\n transform: translate(-50%, -50%) rotateX(90deg);\n background: -webkit-radial-gradient( center center, farthest-side, #9993, transparent );\n }\n\n #music-container {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n @-webkit-keyframes spin {\n from {\n -webkit-transform: rotateY(0deg);\n transform: rotateY(0deg);\n }\n\n to {\n -webkit-transform: rotateY(360deg);\n transform: rotateY(360deg);\n }\n }\n\n @keyframes spin {\n from {\n -webkit-transform: rotateY(0deg);\n transform: rotateY(0deg);\n }\n\n to {\n -webkit-transform: rotateY(360deg);\n transform: rotateY(360deg);\n }\n }\n\n @-webkit-keyframes spinRevert {\n from {\n -webkit-transform: rotateY(360deg);\n transform: rotateY(360deg);\n }\n\n to {\n -webkit-transform: rotateY(0deg);\n transform: rotateY(0deg);\n }\n }\n\n @keyframes spinRevert {\n from {\n -webkit-transform: rotateY(360deg);\n transform: rotateY(360deg);\n }\n\n to {\n -webkit-transform: rotateY(0deg);\n transform: rotateY(0deg);\n }\n }\n \n \n \n\n
\n
\n \n \n \n \n \n \n \n \n \n \n\n \n

\n
\n
\n
\n\n "}"/>
Baidu
sogou