{"html":"\n ","css":"button {\n width: 60px;\n height: 60px;\n transform: scale(1);\n border-style: none;\n outline: none;\n cursor: pointer;\n border-radius: 50%;\n background: rgb(228, 232, 236);\n background: linear-gradient(45deg, rgb(228, 232, 236) 0%, rgb(234 234 234) 100%);\n box-shadow: -2px -7px 10px #f1f1f1, 4px 6px 10px #d4d7da;\n transition: all .3s;\n}\n\nbutton:active {\n background: rgb(218, 221, 224);\n background: linear-gradient(45deg, rgb(218, 221, 224) 0%, rgb(241, 241, 241) 100%);\n box-shadow: -2px -7px 10px #d4d7da, \n 4px 6px 10px #f1f1f1,\n inset -2px -7px 10px #f1f1f1, \n inset 4px 6px 10px #d4d7da;\n transition: all .3s;\n transform: scale(.95);\n}\n\nbutton i {\n font-size: 20px;\n background: linear-gradient(-45deg, gray 0%, lightgray 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n transition: all .3s;\n}\n\nbutton:active i {\n transform: scale(.9);\n transition: all .3s;\n}\n\n.svg {\n width: 25px;\n height: 60px;\n border-style: none;\n align-items: center;\n}"}

heavy-lion-95

👁 实时预览

📝 源代码