[{"id":270,"created_at":"2024-11-06T16:09:31.504187+00:00","html":"

a

\n\n

From Ania Kubów on X/Twitter

\n\n\n","css":"h1{\n font-size:50vw;\n}\nbody {\n margin: 0;\n padding: 0;\n background-color: rgb(41, 41, 41);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\nh1 {\n color: rgb(255, 255, 255);\n animation: glow 10s linear infinite;\n}\n\n@keyframes glow {\n 0% {\n text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;\n }\n\n 10% {\n text-shadow: 0 0 8px #0099ff;\n }\n\n 50% {\n text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;\n }\n\n 75% {\n text-shadow: 0 0 10px #ff3399;\n }\n\n 100% {\n text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;\n }\n}\n\n\n\n/* Credits */\n.icon {\n width: 2.5em;\n height: 2.5em;\n font-size: 2em;\n display: flex;\n text-decoration: none;\n color: #000;\n outline: 2px solid #000;\n outline-offset: -8px;\n border-radius: 50%;\n}\n\n.icon i {\n margin: auto;\n}\n\n.icon {\n outline-width: 6px;\n outline-color: var(--bg);\n color: #fff;\n background-color: #000;\n}\n\n#credits {\n text-align: center;\n position:absolute;\n bottom:0;\n margin-inline:auto;\n color:white;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:6px;\n\n}\na{\n color:skyblue;\n}\n\n\n","js":"// code here","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"4RidsU","description":"Smooth Pulsing Glow In CSS","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":true,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":"[{\"messageId\":\"DEVCANVAS_INITIAL_MESSAGE\",\"role\":\"user\",\"content\":\"This is my current code\"},{\"messageId\":\"DEVCANVAS_INITIAL_CODE\",\"role\":\"user\",\"content\":\"\\n\\t\\n\\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\tSmooth Pulsing Glow In CSS\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n \\n\\n\\t\\n\\t\\n\\t\\t

a

\\r\\n\\r\\n

\\r\\n

\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n

\\r\\n

From Ania Kubów on X/Twitter

\\r\\n

\\n\\t\\t\\n \\n\\t\\n\"}]","view":[{"views":132}],"profiles":{"username":"devcanvas"}}]