{"id":"dyrzjPq","description":"It's fun pen to demonstrate some (S) CSS features ✨ like CSS Variables, Gradients, Animations & Transitions, Clip Path and SCSS functions ...","image":"https://assets.codepen.io/907471/internal/screenshots/pens/dyrzjPq.custom.png?version=1706725331","title":"Arcade Button 👾🕹️ (Pure CSS, Animated)","creator":"konstantindenerz","username":"konstantindenerz","profile":{"url":"https://codepen.io/konstantindenerz","name":"konstantindenerz"},"tags":["css","arcade","game","button","pacman"],"full_description":"

It's fun pen to demonstrate some (S) CSS features ✨ like CSS Variables, Gradients, Animations & Transitions, Clip Path and SCSS functions

","date_indexed":"2024-02-08T15:38:29.096Z","date_indexed_unix":1707406709096,"created_at":1706030764,"updated_at":1706725331,"initData":"","avatar_url":"https://assets.codepen.io/907471/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1675848036&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Arcade Button 👾🕹️ (Pure CSS, Animated)\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Arcade Button 👾🕹️ (Pure CSS, Animated)\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 - Arcade Button 👾🕹️ (Pure CSS, Animated)\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 \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; serial\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"dyrzjPq","_highlightResult":{"id":{"value":"dyrzjPq","matchLevel":"full","fullyHighlighted":true,"matchedWords":["dyrzjpq"]},"description":{"value":"It's fun pen to demonstrate some (S) CSS features ✨ like CSS Variables, Gradients, Animations & Transitions, Clip Path and SCSS functions ...","matchLevel":"none","matchedWords":[]},"title":{"value":"Arcade Button 👾🕹️ (Pure CSS, Animated)","matchLevel":"none","matchedWords":[]},"creator":{"value":"konstantindenerz","matchLevel":"none","matchedWords":[]},"tags":[{"value":"css","matchLevel":"none","matchedWords":[]},{"value":"arcade","matchLevel":"none","matchedWords":[]},{"value":"game","matchLevel":"none","matchedWords":[]},{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"pacman","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

It's fun pen to demonstrate some (S) CSS features ✨ like CSS Variables, Gradients, Animations & Transitions, Clip Path and SCSS functions

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