{"html":"","css":".social-buttons {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #f2f2f2;\n box-shadow: 0px 0px 15px #00000027;\n padding: 15px 10px;\n border-radius: 5em;\n}\n\n.social-button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n margin: 0 10px;\n background-color: #fff;\n box-shadow: 0px 0px 4px #00000027;\n transition: 0.3s;\n}\n\n.social-button:hover {\n background-color: #f2f2f2;\n box-shadow: 0px 0px 6px 3px #00000027;\n}\n\n.social-buttons svg {\n transition: 0.3s;\n height: 20px;\n}\n\n.facebook {\n background-color: #3b5998;\n}\n\n.facebook svg {\n fill: #f2f2f2;\n}\n\n.facebook:hover svg {\n fill: #3b5998;\n}\n\n.github {\n background-color: #333;\n}\n\n.github svg {\n width: 25px;\n height: 25px;\n fill: #f2f2f2;\n}\n\n.github:hover svg {\n fill: #333;\n}\n\n.linkedin {\n background-color: #0077b5;\n}\n\n.linkedin svg {\n fill: #f2f2f2;\n}\n\n.linkedin:hover svg {\n fill: #0077b5;\n}\n\n.instagram {\n background-color: #c13584;\n}\n\n.instagram svg {\n fill: #f2f2f2;\n}\n\n.instagram:hover svg {\n fill: #c13584;\n}\n"}

proud-swan-48

👁 实时预览

📝 源代码