{"html":"

\n \n \n \n

\n","css":".logos-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n gap: 8px;\n max-width: 320px;\n transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.logo {\n width: 80px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n background-color: #ffffff;\n transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);\n cursor: pointer;\n}\n\n.logo svg {\n width: 32px;\n height: 32px;\n fill: #0a3cff;\n transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.logo:hover {\n background-color: #0a3cff;\n box-shadow:\n 0rem 6px 13px rgba(10, 60, 255, 0.1),\n 0rem 24px 24px rgba(10, 60, 255, 0.09),\n 0rem 55px 33px rgba(10, 60, 255, 0.05),\n 0rem 97px 39px rgba(10, 60, 255, 0.01),\n 0rem 152px 43px rgba(10, 60, 255, 0);\n}\n\n.logo:hover svg {\n fill: #ffffff;\n}\n\n.logos-container:hover .logo:not(:hover) {\n transform: scale(0.88);\n opacity: 0.48;\n filter: grayscale(1);\n}\n"}

new-squid-17

👁 实时预览

📝 源代码