{"html":"

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

\n","css":".glowMe,\n.glowAll {\n opacity: 0;\n transition: opacity 300ms linear 0s;\n}\n\n.button-container svg {\n width: 100px;\n height: 100px;\n cursor: pointer;\n}\n\n.button-container svg:hover .glowMe {\n opacity: 0.5;\n}\n\n.button-container svg:hover .glowAll {\n opacity: 1;\n}\n\n.button-container .buttonTop {\n fill: #5f309b;\n transition: fill 300ms linear 0s;\n}\n\n.button-container svg:hover .buttonTop {\n fill: #a661ff;\n}\n\n.button-container .buttonSides {\n fill: #371b5b;\n transition: fill 300ms linear 0s;\n}\n\n.button-container svg:hover .buttonSides {\n fill: #763ac2;\n}\n\n.button-container svg:focus {\n outline: none;\n}\n\n.button-container svg:focus .buttonTop,\n.button-container svg:focus .playSides {\n stroke: white;\n stroke-width: 2px;\n}\n\n.button-container svg:focus .playSides {\n stroke-width: 1px;\n}\n\n.button-container svg:active .buttonTop {\n fill: #c79cff;\n}\n\n.button-container svg:nth-of-type(1) {\n transform: translate(37%, -35%);\n}\n\n.button-container svg:nth-of-type(3) {\n transform: translate(-37%, 35%);\n}\n"}

jolly-sloth-57

👁 实时预览

📝 源代码