{"html":"\n \n\n \n More Info\n \n \n\n \n HEADING\n \n\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.-right-\\[2\\.5em\\] {\n right: -2.5em;\n}\n.-top-\\[2\\.5em\\] {\n top: -2.5em;\n}\n.bottom-\\[1em\\] {\n bottom: 1em;\n}\n.left-\\[1em\\] {\n left: 1em;\n}\n.z-0 {\n z-index: 0;\n}\n.z-20 {\n z-index: 20;\n}\n.z-\\[-1\\] {\n z-index: -1;\n}\n.m-auto {\n margin: auto;\n}\n.h-\\[5em\\] {\n height: 5em;\n}\n.h-\\[8em\\] {\n height: 8em;\n}\n.w-\\[15em\\] {\n width: 15em;\n}\n.w-\\[5em\\] {\n width: 5em;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.rounded-\\[1em\\] {\n border-radius: 1em;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.bg-\\[\\#FF5800\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(255 88 0 / var(--tw-bg-opacity));\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.p-2 {\n padding: 0.5rem;\n}\n.text-\\[0\\.8em\\] {\n font-size: 0.8em;\n}\n.text-\\[1\\.4em\\] {\n font-size: 1.4em;\n}\n.font-bold {\n font-weight: 700;\n}\n.text-\\[\\#6C3082\\] {\n --tw-text-opacity: 1;\n color: rgb(108 48 130 / var(--tw-text-opacity));\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.duration-500 {\n transition-duration: 500ms;\n}\n.before\\:absolute::before {\n content: var(--tw-content);\n position: absolute;\n}\n.before\\:bottom-0::before {\n content: var(--tw-content);\n bottom: 0px;\n}\n.before\\:left-0::before {\n content: var(--tw-content);\n left: 0px;\n}\n.before\\:h-\\[0\\.16em\\]::before {\n content: var(--tw-content);\n height: 0.16em;\n}\n.before\\:w-full::before {\n content: var(--tw-content);\n width: 100%;\n}\n.before\\:bg-\\[\\#6C3082\\]::before {\n content: var(--tw-content);\n --tw-bg-opacity: 1;\n background-color: rgb(108 48 130 / var(--tw-bg-opacity));\n}\n.before\\:content-\\[\\'\\'\\]::before {\n --tw-content: \"\";\n content: var(--tw-content);\n}\n.group:hover .group-hover\\:scale-\\[800\\%\\] {\n --tw-scale-x: 800%;\n --tw-scale-y: 800%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.group:hover .group-hover\\:text-\\[white\\] {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.group:hover .group-hover\\:text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.group:hover .group-hover\\:before\\:bg-\\[white\\]::before {\n content: var(--tw-content);\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n"}

angry-rattlesnake-53

👁 实时预览

📝 源代码

🔗 相关联的样式