{"html":"

\n \n\n \n\n \n\n \n\n \n\n \n

\n","css":".ring-3 {\n box-shadow: 0px 0px 10px 15px #fff;\n border-radius: 50%;\n padding: 2px;\n}\n.ring-2 {\n box-shadow: 0px 0px 2px 10px #000;\n border-radius: 50%;\n padding: 2px;\n}\n.ring-1 {\n box-shadow: 0px 0px 10px 15px #fff;\n border-radius: 50%;\n padding: 2px;\n}\n.black-hole {\n height: 128px;\n aspect-ratio: 1;\n background-color: black;\n border-radius: 50%;\n box-shadow:\n 0px 0px 20px 10px #000,\n inset 0px 0px 10px #ffffff88;\n}\n.glow {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 350px;\n height: 350px;\n background: radial-gradient(\n circle,\n rgba(255, 255, 255, 0.2) 5%,\n rgba(255, 255, 255, 0.1) 20%,\n rgba(255, 255, 255, 0) 70%\n );\n border-radius: 50%;\n z-index: -1;\n}\n.container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotateX(75deg);\n}\n.crescent {\n filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 15px #fff)\n drop-shadow(0px 0px 25px #fff) drop-shadow(0px 0px 50px #fff);\n position: absolute;\n color: transparent !important;\n top: 50%;\n left: 50%;\n transform: rotate(180deg);\n width: 200px;\n height: 12px;\n clip-path: ellipse(60% 100% at 100% 50%); /* Hilal şekli */\n offset-path: path(\"M 0,-100 A 100,100 0 1,1 0,100 A 100,100 0 1,1 0,-100 Z\");\n offset-distance: 0%;\n opacity: 0;\n}\n\n.crescent-1 {\n animation: moveOval 500ms ease-in-out 0ms infinite;\n}\n.crescent-2 {\n animation: moveOval 500ms ease-in-out 83ms infinite;\n}\n.crescent-3 {\n animation: moveOval 500ms ease-in-out 167ms infinite;\n}\n.crescent-4 {\n animation: moveOval 500ms ease-in-out 250ms infinite;\n}\n.crescent-5 {\n animation: moveOval 500ms ease-in-out 333ms infinite;\n}\n.crescent-6 {\n animation: moveOval 500ms ease-in-out 417ms infinite;\n}\n\n@keyframes moveOval {\n 18% {\n offset-distance: 25%;\n opacity: 0;\n }\n 25% {\n opacity: 1;\n }\n\n 75% {\n opacity: 1;\n }\n 100% {\n offset-distance: 90%;\n opacity: 0;\n }\n}\n"}

tidy-falcon-23

👁 实时预览

📝 源代码