{"id":"RNPNMzg","description":"A glowing hover effect that follows your cursor. Built with HTML, CSS, and a bit of JS using CSS variables. Perfect for buttons, CTAs, and Webflow-insp...","image":"https://shots.codepen.io/username/pen/RNPNMzg-800.jpg?version=1748359129","title":"Button Hover Effect: Cursor-Based Glow Pulse","creator":"Franbeltramella","username":"Franbeltramella","profile":{"url":"https://codepen.io/Franbeltramella","name":"Franbeltramella"},"tags":["button","hover","animation","javascript","webflow"],"full_description":"

A glowing hover effect that follows your cursor.\nBuilt with HTML, CSS, and a bit of JS using CSS variables.\nPerfect for buttons, CTAs, and Webflow-inspired interactions.

","date_indexed":"2025-08-28T16:40:26.284Z","date_indexed_unix":1756399226284,"created_at":1748356846,"updated_at":1748359129,"initData":"","avatar_url":"","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n Button Hover Effect: Cursor-Based Glow Pulse\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n Button Hover Effect: Cursor-Based Glow Pulse\n\n \n\n\n\n

⚠️ Do not enter passwords or personal information on this page. ⚠️

\n This is a code demo posted by a web developer on CodePen.\n
\n A referer from CodePen is required to render this page view, and your browser is not sending one (more details).\n

\n\n

\n \n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n\n Button Hover Effect: Cursor-Based Glow Pulse\n\n \n \n \n \n \n\n\n \n\n \n \n\n\n\n

\n \n

\n \n \n\n \n\n\n\n\"\n sandbox=\"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation\" allow=\"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; serial *; vr *; web-share *; xr-spatial-tracking *\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"RNPNMzg","_highlightResult":{"id":{"value":"RNPNMzg","matchLevel":"full","fullyHighlighted":true,"matchedWords":["rnpnmzg"]},"description":{"value":"A glowing hover effect that follows your cursor. Built with HTML, CSS, and a bit of JS using CSS variables. Perfect for buttons, CTAs, and Webflow-insp...","matchLevel":"none","matchedWords":[]},"title":{"value":"Button Hover Effect: Cursor-Based Glow Pulse","matchLevel":"none","matchedWords":[]},"creator":{"value":"Franbeltramella","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"hover","matchLevel":"none","matchedWords":[]},{"value":"animation","matchLevel":"none","matchedWords":[]},{"value":"javascript","matchLevel":"none","matchedWords":[]},{"value":"webflow","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

A glowing hover effect that follows your cursor.\nBuilt with HTML, CSS, and a bit of JS using CSS variables.\nPerfect for buttons, CTAs, and Webflow-inspired interactions.

","matchLevel":"none","matchedWords":[]}}}