{"html":"\n Hover Me\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n","css":".absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.left-0{left:0px}.top-0{top:0px}.-z-30{z-index:-30}.z-30{z-index:30}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.bg-\\[\\#ADD8E6\\]{--tw-bg-opacity:1;background-color:rgb(173 216 230 / var(--tw-bg-opacity))}.fill-sky-300{fill:#7dd3fc}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.font-semibold{font-weight:600}.tracking-wider{letter-spacing:0.05em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-500{transition-duration:500ms}.hover\\:bg-sky-800:hover{--tw-bg-opacity:1;background-color:rgb(7 89 133 / var(--tw-bg-opacity))}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.group:hover .group-hover\\:duration-300{transition-duration:300ms}.group:active .group-active\\:fill-sky-950{fill:#082f49}"}

red-robin-87

👁 实时预览

📝 源代码