{"html":"\n","css":".flex {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flex-row {\n flex-direction: row;\n}\n.button {\n cursor: pointer;\n padding: 12px 20px;\n border-radius: 18px;\n font-size: 1.4rem;\n font-weight: bolder;\n border: solid 1px #767676;\n background: radial-gradient(circle 120px at -10% -80%, #51678c, #161c26);\n color: #fff;\n}\n.text-let {\n margin-right: 10px;\n}\n.text-magic {\n margin-left: -10px;\n background: -webkit-linear-gradient(180deg, #ffffff, #ad998b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: bolder;\n}\n.svg {\n margin-left: -50px;\n}\n.portal-line {\n width: 4px;\n height: 30px;\n border-radius: 999px;\n background-color: #fff;\n}\n.line1 {\n width: 48px;\n height: 12px;\n border-radius: 999px;\n background: linear-gradient(\n 90deg,\n #ffffffa6 0%,\n #eea45aa1 50%,\n #161c2600 100%\n );\n filter: blur(5px);\n transform: rotate(-23deg);\n margin-bottom: -2px;\n}\n.line2 {\n width: 45px;\n height: 15px;\n border-radius: 999px;\n background: linear-gradient(\n 90deg,\n #ffffffa6 0%,\n #eea45aa1 50%,\n #161c2600 100%\n );\n filter: blur(5px);\n}\n.line3 {\n width: 48px;\n height: 12px;\n border-radius: 999px;\n background: linear-gradient(\n 90deg,\n #ffffffa6 0%,\n #eea45aa1 50%,\n #161c2600 100%\n );\n filter: blur(5px);\n transform: rotate(23deg);\n margin-top: -2px;\n}\n"}

tame-puma-87

👁 实时预览

📝 源代码