{"html":"\n \n \n \n \n \n \n \n \n \n \n\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.-top-7 {\n top: -1.75rem;\n}\n.flex {\n display: flex;\n}\n.h-14 {\n height: 3.5rem;\n}\n.w-14 {\n width: 3.5rem;\n}\n.origin-right {\n transform-origin: right;\n}\n.flex-col {\n flex-direction: column;\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.rounded-xl {\n border-radius: 0.75rem;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-red-800 {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity));\n}\n.bg-red-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.fill-white {\n fill: #fff;\n}\n.delay-100 {\n transition-delay: 100ms;\n}\n.duration-500 {\n transition-duration: 500ms;\n}\n.hover\\:bg-red-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n.group:hover .group-hover\\:top-6 {\n top: 1.5rem;\n}\n.group:hover .group-hover\\:rotate-90 {\n --tw-rotate: 90deg;\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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.group:hover .group-hover\\:animate-\\[spin_1\\.4s\\] {\n animation: spin 1.4s;\n}\n.group:hover .group-hover\\:duration-1000 {\n transition-duration: 1000ms;\n}\n"}

dry-shrimp-75

👁 实时预览

📝 源代码