{"html":"

\n \n\n

\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt\n voluptatem alias ut provident sapiente repellendus.\n

","css":".card {\n background-color: rgba(243, 244, 246, 1);\n padding: 2rem;\n max-width: 320px;\n border-radius: 10px;\n box-shadow: 0 20px 30px -20px rgba(5, 5, 5, 0.24);\n}\n\n.header {\n display: flex;\n align-items: center;\n grid-gap: 1rem;\n gap: 1rem;\n}\n\n.header .image {\n height: 4rem;\n width: 4rem;\n border-radius: 9999px;\n object-fit: cover;\n background-color: royalblue;\n}\n\n.stars {\n display: flex;\n justify-content: center;\n grid-gap: 0.125rem;\n gap: 0.125rem;\n color: rgba(34, 197, 94, 1);\n}\n\n.stars svg {\n height: 1rem;\n width: 1rem;\n}\n\n.name {\n margin-top: 0.25rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 600;\n --tw-text-opacity: 1;\n color: rgba(55, 65, 81, 1);\n}\n\n.message {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n margin-top: 1rem;\n color: rgba(107, 114, 128, 1);\n}"}

slimy-badger-58

👁 实时预览

📝 源代码