{"html":"

\n \n

12:00

Fri, 20 December

\n \n \n \n \n \n \n \n \n \n \n

\n","css":"/* Container styles */\n.container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 300px; /* Fixed height */\n width: 160px; /* Fixed width */\n border: 4px solid black; /* Border */\n border-radius: 1rem; /* Rounded corners */\n background-color: #f9fafb; /* Light gray background */\n box-shadow: 5px 5px 2.5px 6px rgb(209, 218, 218); /* Shadow effect */\n}\n.time {\n font-size: 2.5rem;\n margin: 1.5rem 0 -12px;\n}\n.date {\n font-size: 12px;\n}\n.fingerprint {\n position: absolute;\n bottom: 3rem;\n}\n.phone {\n position: absolute;\n bottom: 10px;\n left: 10px;\n padding: 4px;\n background-color: rgb(209, 218, 218);\n border-radius: 6px;\n}\n.camera {\n position: absolute;\n bottom: 10px;\n right: 10px;\n padding: 4px;\n background-color: rgb(209, 218, 218);\n border-radius: 6px;\n}\n/* Top border styles */\n.top-border {\n border: 1px solid black; /* Border */\n background-color: black; /* Black background */\n width: 80px; /* Width of the top border */\n height: 8px; /* Height of the top border */\n border-bottom-left-radius: 1rem; /* Rounded bottom corners */\n border-bottom-right-radius: 1rem; /* Rounded bottom corners */\n}\n\n/* Right border styles */\n.right-border {\n position: absolute;\n border: 4px solid black; /* Border */\n right: -8px; /* Positioning */\n border-radius: 0.375rem; /* Rounded corners */\n}\n\n/* Top right border */\n.right-border.top {\n top: 56px; /* Positioning */\n height: 28px; /* Height of the top right border */\n}\n"}

ugly-wolverine-3

👁 实时预览

📝 源代码