{"html":"

\n\n

\n\n \n\n

","css":".card {\n width: 190px;\n height: 254px;\n background: rgb(38, 38, 38);\n box-shadow: 7px 5px 10px rgba(0, 0, 0, 0.333);\n}\n\n.imge {\n height: 70px;\n background-color: #ff5858;\n}\n\n.imge .Usericon {\n background-color: #414141;\n transform: translateX(10px) translateY(10px);\n width: 50px;\n height: 50px;\n border-radius: 10px;\n}\n\n.imge .UserName {\n background-color: #414141;\n width: 60px;\n height: 15px;\n border-width: 10px;\n border-radius: 5px;\n border-color: #262626;\n color: #262626;\n font-size: 15px;\n font-weight: bold;\n transform: translateX(70px) translateY(-35px);\n}\n\n.imge .Id {\n background-color: #414141;\n width: 100px;\n height: 15px;\n border-width: 10px;\n border-radius: 5px;\n border-color: #262626;\n color: #262626;\n font-size: 15px;\n font-weight: bold;\n transform: translateX(70px) translateY(-25px);\n}\n\n.Description {\n border-color: #141414;\n background-color: #414141;\n transform: translate(5px, 6px);\n width: 180px;\n height: 130px;\n border-radius: 5px;\n}\n\n/*______Social Media______*/\n.social-media:before {\n content: \" \";\n display: block;\n width: 100%;\n height: 2px;\n transform: translatey(10px);\n background: #414141;\n}\n\n.social-media a {\n margin-right: 15px;\n text-decoration: none;\n color: inherit;\n}\n\n.social-media a:last-child {\n margin-right: 0;\n}\n\n.social-media a svg {\n color: #ff5858;\n transform: translatex(25px) translateY(20px);\n width: 20px;\n fill: currentColor;\n}"}

funny-cat-84

👁 实时预览

📝 源代码