{"html":"

Quote of the month

\n \n

Fortune favors the bold.

- by Virgil
(Latin poet) \n

","css":".card {\n width: 190px;\n height: 264px;\n background: rgb(183, 226, 25);\n font-family: inherit;\n position: relative;\n border-radius: 8px;\n}\n\n.quote {\n color: rgb(223, 248, 134);\n padding-left: 30px;\n position: relative;\n}\n\n.card-name {\n text-transform: uppercase;\n font-weight: 700;\n color: rgb(127, 155, 29);\n padding: 35px;\n line-height: 23px;\n}\n\n.body-text {\n font-size: 20px;\n font-weight: 900;\n padding: 60px 40px 0;\n color: #465512;\n position: absolute;\n top: 40px;\n left: 1px;\n line-height: 23px;\n}\n\n.author {\n margin-top: 5px;\n opacity: 0;\n transition: 0.5s;\n}\n\n.card:hover .author {\n opacity: 1;\n}\n\n.pic {\n width: 50px;\n height: 50px;\n background-color: rgb(158, 196, 21);\n border-radius: 50%;\n}\n\n.author-container {\n display: flex;\n align-items: center;\n}\n\n.author {\n font-weight: 700;\n color: rgb(127, 155, 29);\n padding-left: 30px;\n}\n\n.card .author svg {\n display: inline;\n font-size: 12px;\n color: rgba(128, 155, 29, 0.452);\n}"}

tender-fly-40

👁 实时预览

📝 源代码