heeba-khan

$L21","heeba-khan",{"username":"heeba-khan","initialButtons":[{"id":"8UaFp7BdU5K34ecgXLNH","html":"\n\n\n \n \n \n heeba-khan\n \n\n\n

\n button\n

\n\n \n\n","css":"body{\n margin: 0;\n padding: 0;\n background-color: #000;\n}\n\n.container{\n position: absolute;\n top:50%;\n left: 50%;\n transform: translate(-50%,-50%);\n}\n\n.button{\n position: relative;\n text-align: center;\n width: 200px;\n padding: 40px;\n font-size: 35px;\n color: #15f4ee;\n font-family: poppins;\n font-weight: 400;\n border: 5px solid #15f4ee;\n text-transform: uppercase;\n letter-spacing: 15px;\n cursor: pointer;\n border-radius: 100px;\n transition: 1.5s;\n}\n\n.button:hover{\n box-shadow: 0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee,\n 0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee ;\n text-shadow: 0 0 5px #15f4ee, 0 0 5px #15f4ee;\n}","js":"","githubUsername":"heeba-khan","title":"heeba-khan","displayName":"","likeCounter":0,"likedUsers":[],"status":"approved","styling":"css","compiledCss":"","categories":[],"createdAt":{"seconds":1757851452}}],"initialProfile":{"id":"Dt5Bu1eA0r0mGIR8JDO1","githubUsername":"heeba-khan","name":"","bio":"","profilePictureUrl":"https://avatars.githubusercontent.com/u/111532086?v=4"},"serverLoaded":true}]]}],"$L22"] c:null 11:[["$","title","0",{"children":"@heeba-khan: animated button creator | Animating Buttons"}],["$","meta","1",{"name":"description","content":"Explore 1 published animated button by @heeba-khan. Preview CSS and JavaScript interactions and reuse the code in your project."}],["$","meta","2",{"name":"application-name","content":"Animating Buttons"}],["$","link","3",{"rel":"author","href":"https://getbuttons.tech/user/heeba-khan"}],["$","meta","4",{"name":"author","content":"heeba-khan"}],["$","link","5",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","6",{"name":"keywords","content":"animating buttons,animated buttons,CSS buttons,HTML buttons,Tailwind CSS buttons,JavaScript buttons,button animations,community button collection,copy paste buttons,microinteractions"}],["$","meta","7",{"name":"creator","content":"heeba-khan"}],["$","meta","8",{"name":"publisher","content":"Animating Buttons"}],["$","meta","9",{"name":"robots","content":"index, follow"}],["$","meta","10",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","11",{"rel":"canonical","href":"https://getbuttons.tech/user/heeba-khan"}],["$","meta","12",{"property":"og:title","content":"@heeba-khan: animated button creator | Animating Buttons"}],["$","meta","13",{"property":"og:description","content":"Explore 1 published animated button by @heeba-khan. Preview CSS and JavaScript interactions and reuse the code in your project."}],["$","meta","14",{"property":"og:url","content":"https://getbuttons.tech/user/heeba-khan"}],["$","meta","15",{"property":"og:site_name","content":"Animating Buttons"}],["$","meta","16",{"property":"og:locale","content":"en_US"}],["$","meta","17",{"property":"og:image","content":"https://getbuttons.tech/brand/social-card.png?v=4"}],["$","meta","18",{"property":"og:image:type","content":"image/png"}],["$","meta","19",{"property":"og:image:width","content":"1200"}],["$","meta","20",{"property":"og:image:height","content":"630"}],["$","meta","21",{"property":"og:image:alt","content":"Animating Buttons: animated HTML, CSS, Tailwind and JavaScript buttons"}],["$","meta","22",{"property":"og:type","content":"website"}],["$","meta","23",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","24",{"name":"twitter:title","content":"

The collection [1]