{"html":"

11:11PM

Wednesday, June 15th

\n\n

","css":".card {\n width: 280px;\n height: 150px;\n background: rgb(17, 4, 134);\n border-radius: 15px;\n box-shadow: rgb(0,0,0,0.7) 5px 10px 50px ,rgb(0,0,0,0.7) -5px 0px 250px;\n display: flex;\n color: white;\n justify-content: center;\n position: relative;\n flex-direction: column;\n background: linear-gradient(to right, rgb(20, 30, 48), rgb(36, 59, 85));\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n overflow: hidden;\n}\n\n.card:hover {\n box-shadow: rgb(0,0,0) 5px 10px 50px ,rgb(0,0,0) -5px 0px 250px;\n}\n\n.time-text {\n font-size: 50px;\n margin-top: 0px;\n margin-left: 15px;\n font-weight: 600;\n font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;\n}\n\n.time-sub-text {\n font-size: 15px;\n margin-left: 5px;\n}\n\n.day-text {\n font-size: 18px;\n margin-top: 0px;\n margin-left: 15px;\n font-weight: 500;\n font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;\n}\n\n.moon {\n font-size: 20px;\n position: absolute;\n right: 15px;\n top: 15px;\n transition: all 0.3s ease-in-out;\n}\n\n.card:hover > .moon {\n font-size: 23px;\n}\n"}

light-otter-66

👁 实时预览

📝 源代码