{"html":"

\n \n

\n \n \n \n \n

Success

Operation completed successfully

\n","css":".modern-success-message {\n display: flex;\n align-items: center;\n padding: 10px 15px;\n background: linear-gradient(135deg, #00c6ff, #0072ff);\n border-radius: 10px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\n color: white;\n font-family: \"Poppins\", sans-serif;\n position: relative;\n overflow: hidden;\n transition:\n transform 0.3s ease-in-out,\n box-shadow 0.3s ease-in-out;\n}\n\n.modern-success-message:hover {\n transform: scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);\n}\n\n.close-btn {\n position: absolute;\n top: 12px;\n right: 20px;\n background: none;\n border: none;\n font-size: 30px;\n color: white;\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.3s;\n}\n\n.close-btn:hover {\n opacity: 1;\n}\n\n.icon-wrapper {\n background-color: rgba(255, 255, 255, 0.15);\n padding: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n}\n\n.success-icon {\n width: 40px;\n height: 40px;\n}\n\n.text-wrapper .title {\n font-size: 18px;\n font-weight: 700;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n}\n\n.text-wrapper .message {\n margin-top: 6px;\n font-size: 14px;\n opacity: 0.85;\n}\n\n.modern-success-message::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(\n circle,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0)\n );\n transform: rotate(45deg);\n transition: all 0.5s ease-in-out;\n}\n\n.modern-success-message:hover::before {\n transform: rotate(90deg);\n opacity: 0.5;\n}\n"}

average-skunk-3

👁 实时预览

📝 源代码