[{"id":158,"created_at":"2023-12-28T18:17:40.863767+00:00","html":"

Home
About
Services
Blog
Contact

","css":"* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.orange {\r\n --clr: orange;\r\n}\r\n\r\n.sky {\r\n --clr: skyblue;\r\n}\r\n\r\n.red {\r\n --clr: red;\r\n}\r\n\r\n.white {\r\n --clr: white;\r\n}\r\n\r\n.blue {\r\n --clr: blue;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n background-color: #191919;\r\n}\r\n\r\nul {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n}\r\n\r\nul li {\r\n position: relative;\r\n\r\n}\r\n\r\nul li a {\r\n font-size: 4em;\r\n text-decoration: none;\r\n line-height: 1em;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n color: transparent;\r\n -webkit-text-stroke: 1px var(--clr);\r\n width: fit-content;\r\n\r\n}\r\n\r\nul li a::before {\r\n content: attr(data-text);\r\n position: absolute;\r\n color: var(--clr);\r\n width: 0px;\r\n overflow: hidden;\r\n transition: 0.75s ease-in-out;\r\n border-right: 8px solid var(--clr);\r\n}\r\n\r\nul li a:hover::before {\r\n width: 100%;\r\n /* -webkit-text-stroke: 1px var(--clr); */\r\n filter: drop-shadow(0 0 20px var(--clr));\r\n\r\n}","js":"// ","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"qyPGQm","description":"Crazy Hover Animation","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"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":["links","hover","animation","hover animation","nav","text"],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":495}],"profiles":{"username":"nuur"}}]