{"html":"\n \n ×\n

\n \n \n \n \n\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.bottom-12 {\n bottom: 3rem;\n}\n.left-0 {\n left: 0px;\n}\n.left-12 {\n left: 3rem;\n}\n.right-0 {\n right: 0px;\n}\n.right-12 {\n right: 3rem;\n}\n.top-0 {\n top: 0px;\n}\n.top-12 {\n top: 3rem;\n}\n.z-10 {\n z-index: 10;\n}\n.flex {\n display: flex;\n}\n.h-12 {\n height: 3rem;\n}\n.h-full {\n height: 100%;\n}\n.w-12 {\n width: 3rem;\n}\n.w-full {\n width: 100%;\n}\n.rotate-45 {\n --tw-rotate: 45deg;\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.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-black {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n.bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n.duration-500 {\n transition-duration: 500ms;\n}\n.hover\\:border-green-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(34 197 94 / var(--tw-border-opacity));\n}\n.group:hover .group-hover\\:bottom-9 {\n bottom: 2.25rem;\n}\n.group:hover .group-hover\\:left-9 {\n left: 2.25rem;\n}\n.group:hover .group-hover\\:right-9 {\n right: 2.25rem;\n}\n.group:hover .group-hover\\:top-9 {\n top: 2.25rem;\n}\n.group:hover .group-hover\\:scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\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"}

brown-quail-36

👁 实时预览

📝 源代码