{"html":"

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

\n","css":".socials-container {\n width: fit-content;\n height: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n padding: 20px 40px;\n background-color: #333333;\n}\n.social {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n border: 1px solid rgb(194, 194, 194);\n}\n.twitter:hover {\n background: linear-gradient(45deg, #66757f, #00acee, #36daff, #dbedff);\n}\n.facebook:hover {\n background: linear-gradient(45deg, #134ac0, #316ff6, #78a3ff);\n}\n.google-plus:hover {\n background: linear-gradient(45deg, #872419, #db4a39, #ff7061);\n}\n.instagram:hover {\n background: #f09433;\n background: -moz-linear-gradient(\n 45deg,\n #f09433 0%,\n #e6683c 25%,\n #dc2743 50%,\n #cc2366 75%,\n #bc1888 100%\n );\n background: -webkit-linear-gradient(\n 45deg,\n #f09433 0%,\n #e6683c 25%,\n #dc2743 50%,\n #cc2366 75%,\n #bc1888 100%\n );\n background: linear-gradient(\n 45deg,\n #f09433 0%,\n #e6683c 25%,\n #dc2743 50%,\n #cc2366 75%,\n #bc1888 100%\n );\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );\n}\n.social svg {\n fill: white;\n height: 20px;\n}\n"}

chilly-walrus-45

👁 实时预览

📝 源代码