{"id":"XWoYByX","description":"Button with a subtle hover animation based on the Baldurs Gate 3 game UI - design is done by Rogie https://twitter.com/rogie/status/1707376313798140230...","image":"https://shots.codepen.io/username/pen/XWoYByX-800.jpg?version=1695988775","creator":"aaroniker_me","title":"CSS Baldurs Gate 3 Button Hover Animation ✨","username":"aaroniker","profile":{"url":"https://codepen.io/aaroniker","name":"aaroniker"},"tags":["button","hover","animation","shiny","game"],"full_description":"

Button with a subtle hover animation based on the Baldurs Gate 3 game UI - design is done by Rogie https://twitter.com/rogie/status/1707376313798140230

","date_indexed":"2023-09-29T12:02:40.549Z","date_indexed_unix":1695988960549,"created_at":1695972249,"updated_at":1695988775,"initData":"","avatar_url":"https://assets.codepen.io/165585/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1610077368&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - CSS Baldurs Gate 3 Button Hover Animation ✨\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - CSS Baldurs Gate 3 Button Hover Animation ✨\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 CodePen - CSS Baldurs Gate 3 Button Hover Animation ✨\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-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation\" allow=\"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr; web-share\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"XWoYByX","_highlightResult":{"id":{"value":"XWoYByX","matchLevel":"full","fullyHighlighted":true,"matchedWords":["xwoybyx"]},"description":{"value":"Button with a subtle hover animation based on the Baldurs Gate 3 game UI - design is done by Rogie https://twitter.com/rogie/status/1707376313798140230...","matchLevel":"none","matchedWords":[]},"creator":{"value":"aaroniker_me","matchLevel":"none","matchedWords":[]},"title":{"value":"CSS Baldurs Gate 3 Button Hover Animation ✨","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"hover","matchLevel":"none","matchedWords":[]},{"value":"animation","matchLevel":"none","matchedWords":[]},{"value":"shiny","matchLevel":"none","matchedWords":[]},{"value":"game","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

Button with a subtle hover animation based on the Baldurs Gate 3 game UI - design is done by Rogie https://twitter.com/rogie/status/1707376313798140230

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