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

a

\r\n\r\n

\r\n

From Ania Kubów on X/Twitter

\r\n

","css":"h1{\r\n font-size:50vw;\r\n}\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color: rgb(41, 41, 41);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n}\r\n\r\nh1 {\r\n color: rgb(255, 255, 255);\r\n animation: glow 10s linear infinite;\r\n}\r\n\r\n@keyframes glow {\r\n 0% {\r\n text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;\r\n }\r\n\r\n 10% {\r\n text-shadow: 0 0 8px #0099ff;\r\n }\r\n\r\n 50% {\r\n text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;\r\n }\r\n\r\n 75% {\r\n text-shadow: 0 0 10px #ff3399;\r\n }\r\n\r\n 100% {\r\n text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;\r\n }\r\n}\r\n\r\n\r\n\r\n/* Credits */\r\n.icon {\r\n width: 2.5em;\r\n height: 2.5em;\r\n font-size: 2em;\r\n display: flex;\r\n text-decoration: none;\r\n color: #000;\r\n outline: 2px solid #000;\r\n outline-offset: -8px;\r\n border-radius: 50%;\r\n}\r\n\r\n.icon i {\r\n margin: auto;\r\n}\r\n\r\n.icon {\r\n outline-width: 6px;\r\n outline-color: var(--bg);\r\n color: #fff;\r\n background-color: #000;\r\n}\r\n\r\n#credits {\r\n text-align: center;\r\n position:absolute;\r\n bottom:0;\r\n margin-inline:auto;\r\n color:white;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:6px;\r\n\r\n}\r\na{\r\n color:skyblue;\r\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,"view":[{"views":28}]}]