{"html":"

\n \n \n \n

\n \n

Information....

\n\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.left-1\\/2 {\n left: 50%;\n}\n.z-10 {\n z-index: 10;\n}\n.w-40 {\n width: 10rem;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\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.rounded {\n border-radius: 0.25rem;\n}\n.bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.p-1 {\n padding: 0.25rem;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.text-center {\n text-align: center;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.opacity-0 {\n opacity: 0;\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-2::before {\n content: var(--tw-content);\n bottom: -0.5rem;\n}\n.before\\:left-1\\/2::before {\n content: var(--tw-content);\n left: 50%;\n}\n.before\\:size-4::before {\n content: var(--tw-content);\n width: 1rem;\n height: 1rem;\n}\n.before\\:-translate-x-1\\/2::before {\n content: var(--tw-content);\n --tw-translate-x: -50%;\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.before\\:rotate-45::before {\n content: var(--tw-content);\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.before\\:bg-gray-400::before {\n content: var(--tw-content);\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.group:hover .group-hover\\:rotate-\\[360deg\\] {\n --tw-rotate: 360deg;\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\\:scale-110 {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\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.peer:hover ~ .peer-hover\\:bottom-\\[3\\.3rem\\] {\n bottom: 3.3rem;\n}\n.peer:hover ~ .peer-hover\\:opacity-100 {\n opacity: 1;\n}\n.peer:hover ~ .peer-hover\\:duration-500 {\n transition-duration: 500ms;\n}\n"}

spotty-impala-3

👁 实时预览

📝 源代码