{"id":"poxXLav","description":"An animated delete button where the letters fly straight into the trash can! Based on the same in [this Dribbble shot](https://dribbble.com/shots/15235...","image":"https://assets.codepen.io/416221/internal/screenshots/pens/poxXLav.custom.png?version=1685580389","creator":"jonkantner","title":"Delete Button Animation","username":"jkantner","profile":{"url":"https://codepen.io/jkantner","name":"jkantner"},"tags":["button","interaction","animation","svg"],"full_description":"

An animated delete button where the letters fly straight into the trash can! Based on the same in this Dribbble shot by Maria of CXDojo.

","date_indexed":"2023-09-26T11:22:56.798Z","date_indexed_unix":1695727376798,"created_at":1685579128,"updated_at":1685580389,"initData":"","avatar_url":"https://assets.codepen.io/416221/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1688436259&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Delete Button Animation\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Delete Button 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\n CodePen - Delete Button 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":"poxXLav","_highlightResult":{"id":{"value":"poxXLav","matchLevel":"full","fullyHighlighted":true,"matchedWords":["poxxlav"]},"description":{"value":"An animated delete button where the letters fly straight into the trash can! Based on the same in [this Dribbble shot](https://dribbble.com/shots/15235...","matchLevel":"none","matchedWords":[]},"creator":{"value":"jonkantner","matchLevel":"none","matchedWords":[]},"title":{"value":"Delete Button Animation","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"interaction","matchLevel":"none","matchedWords":[]},{"value":"animation","matchLevel":"none","matchedWords":[]},{"value":"svg","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

An animated delete button where the letters fly straight into the trash can! Based on the same in this Dribbble shot by Maria of CXDojo.

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