{"html":"

Who to follow

\n Name\n

@namedlorem

\n \n

\n Name\n

@namedlorem

\n \n

\n Name\n

@namedlorem

\n \n

\n\n

\n See more\n

","css":".card {\n width: 350px;\n height: 350px;\n background: #E8EAEA;\n border-radius: 15px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.title, .more {\n padding: 10px 15px;\n}\n\n.user {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 10px 15px;\n}\n\n.user__content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 1;\n}\n\n.user__container {\n display: flex;\n flex-direction: column;\n}\n\n.title {\n font-weight: 900;\n font-size: 1.3em;\n}\n\n.name {\n font-weight: 800;\n}\n\n.username {\n font-size: .9em;\n color: #64696e;\n}\n\n.image {\n width: 60px;\n height: 60px;\n background: rgb(22,19,70);\n background: linear-gradient(295deg, rgba(22,19,70,1) 41%, rgba(89,177,237,1) 100%);\n border-radius: 50%;\n margin-right: 15px;\n}\n\n.follow {\n border: none;\n border-radius: 25px;\n background-color: #0f1113;\n color: white;\n padding: 8px 15px;\n font-weight: 700;\n}\n\n.more {\n display: block;\n text-decoration: none;\n color: rgb(29, 155, 240);\n font-weight: 800;\n}\n\n.user:hover {\n background-color: #b3b6b6;\n}\n\n.more:hover {\n background-color: #b3b6b6;\n border-radius: 0px 0px 15px 15px;\n}\n\n.follow:hover {\n background-color: #2c3136;\n}"}

happy-newt-18

👁 实时预览

📝 源代码