{"html":"

\n \n\n\n\n\n\n\n\n\n

","css":"/* Cool share button made by: csozi | Website: english.csozi.hu*/\n\n.buttons {\n position: relative;\n display: grid;\n place-items: center;\n height: fit-content;\n width: fit-content;\n transition: 0.3s;\n border-radius: 50%;\n}\n\n.buttons:hover {\n padding: 60px;\n}\n\n.buttons:hover .button {\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.main-button {\n position: relative;\n display: grid;\n place-items: center;\n padding: 10px;\n border: none;\n background: #e8e8e8;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n border-radius: 50%;\n transition: 0.2s;\n z-index: 100;\n}\n\n.button {\n position: absolute;\n display: grid;\n place-items: center;\n padding: 10px;\n border: none;\n background: #e8e8e8;\n box-shadow: 5px 5px 12px rgba(202, 202, 202, 0), -5px -5px 12px rgba(255, 255, 255, 0);\n transition: 0.3s;\n border-radius: 50%;\n}\n\n.discord-button:hover {\n background: #5865F2;\n}\n\n.buttons:hover .discord-button {\n translate: 70px 0px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.twitter-button:hover {\n background: #1CA1F1;\n}\n\n.buttons:hover .twitter-button {\n translate: 47px -47px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.reddit-button:hover {\n background: #FF4500;\n}\n\n.buttons:hover .reddit-button {\n translate: 0px -70px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.messenger-button:hover {\n background: #0093FF;\n}\n\n.buttons:hover .messenger-button {\n translate: -47px -47px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.pinterest-button:hover {\n background: #F0002A;\n}\n\n.buttons:hover .pinterest-button {\n translate: -70px 0px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.instagram-button:hover {\n background: #F914AF;\n}\n\n.buttons:hover .instagram-button {\n translate: -47px 47px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.snapchat-button:hover {\n background: #FFFC00;\n}\n\n.buttons:hover .snapchat-button {\n translate: 0px 70px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}\n\n.whatsapp-button:hover {\n background: #25D366;\n}\n\n.buttons:hover .whatsapp-button {\n translate: 47px 47px;\n box-shadow: 5px 5px 12px #cacaca, -5px -5px 12px #ffffff;\n}"}

lovely-husky-50

👁 实时预览

📝 源代码