{"html":"

\n \n

League of legends\n

\n","css":".card {\n display: flex;\n align-items: center;\n text-align: center;\n justify-content: center;\n background: rgba(65, 21, 115, 1);\n box-shadow: 0px 145px 58px rgba(233, 182, 27, 0.01),\n 0px 82px 49px rgba(233, 182, 27, 0.05), \n 0px 36px 36px rgba(233, 182, 27, 0.09), \n 0px 9px 20px rgba(233, 182, 27, 0.1), \n 0px 0px 0px rgba(233, 182, 27, 0.1);\n width: 254px;\n height: 254px;\n margin: 40px;\n border-radius: 28px;\n position: relative;\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-size: 42px;\n line-height: 28px;\n color: #41157300;\n letter-spacing: 0.1em;\n transition: 300ms ease-in;\n}\n\n.card:hover {\n background: rgba(233, 182, 27, 1);\n box-shadow: 0px 112px 45px rgba(65, 21, 115, 0.01), \n 0px 63px 38px rgba(65, 21, 115, 0.05), \n 0px 28px 28px rgba(65, 21, 115, 0.09), \n 0px 7px 15px rgba(65, 21, 115, 0.1), \n 0px 0px 0px rgba(65, 21, 115, 0.1);\n color: #FFFFFF;\n}\n\n.svg {\n opacity: 80%;\n}\n\n.text {\n margin: auto;\n position: absolute;\n}"}

lovely-warthog-68

👁 实时预览

📝 源代码