{"id":"OJGQOGN","description":"A bit of fun with animated buttons making them look a bit squeezy and bouncy like rubber...","image":"https://shots.codepen.io/username/pen/OJGQOGN-800.jpg?version=1712614552","title":"Squeezy bouncy buttons","creator":"BlogFire","username":"BlogFire","profile":{"url":"https://codepen.io/BlogFire","name":"BlogFire"},"tags":["buttons","animated","keyframes","translate","scale"],"full_description":"

A bit of fun with animated buttons making them look a bit squeezy and bouncy like rubber

","date_indexed":"2024-07-09T08:56:16.089Z","date_indexed_unix":1720515376089,"created_at":1712310585,"updated_at":1712614552,"initData":"","avatar_url":"https://assets.codepen.io/4787486/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1603578242&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Squeezy bouncy buttons\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Squeezy bouncy buttons\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 - Squeezy bouncy buttons\n\n \n \n \n \n \n\n\n \n\n \n \n\n\n\n

\n\t

\n\t\t\n\t

\n\t

\n\t\t\n\t

\n\t

\n\t\t\n\t

\n\t

\n\t\t\n\t

\n \n \n \n\n\n\n\"\n sandbox=\"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups 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 *; vr *; web-share *; serial *; xr-spatial-tracking *\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"OJGQOGN","_highlightResult":{"id":{"value":"OJGQOGN","matchLevel":"full","fullyHighlighted":true,"matchedWords":["ojgqogn"]},"description":{"value":"A bit of fun with animated buttons making them look a bit squeezy and bouncy like rubber...","matchLevel":"none","matchedWords":[]},"title":{"value":"Squeezy bouncy buttons","matchLevel":"none","matchedWords":[]},"creator":{"value":"BlogFire","matchLevel":"none","matchedWords":[]},"tags":[{"value":"buttons","matchLevel":"none","matchedWords":[]},{"value":"animated","matchLevel":"none","matchedWords":[]},{"value":"keyframes","matchLevel":"none","matchedWords":[]},{"value":"translate","matchLevel":"none","matchedWords":[]},{"value":"scale","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

A bit of fun with animated buttons making them look a bit squeezy and bouncy like rubber

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