{"id":"VwEqLmE","description":"It's a button designed by @gberthonneau, It’s’ far from being perfect (especially semantic html 🙈) It was fun to play with mask-image and global CSS va...","image":"https://shots.codepen.io/username/pen/VwEqLmE-800.jpg?version=1687277293","title":"Cool button","creator":"matthieucaron64","username":"matthieucaron64","profile":{"url":"https://codepen.io/matthieucaron64","name":"matthieucaron64"},"tags":["button"],"full_description":"

It's a button designed by @gberthonneau, It’s’ far from being perfect (especially semantic html 🙈) It was fun to play with mask-image and global CSS variables for the animation!

","date_indexed":"2023-09-07T09:22:33.539Z","created_at":1684670827,"updated_at":1687277293,"codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Cool button\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Cool button\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 - Cool button\n\n \n \n \n \n \n\n\n \n\n \n \n\n\n\n

\n \n

Design by @gberthonneau

\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","avatar_url":"https://assets.codepen.io/t-1/user-default-avatar.jpg?fit=crop&format=auto&height=512&version=0&width=512","date_indexed_unix":1694078553539,"objectID":"VwEqLmE","_highlightResult":{"id":{"value":"VwEqLmE","matchLevel":"full","fullyHighlighted":true,"matchedWords":["vweqlme"]},"description":{"value":"It's a button designed by @gberthonneau, It’s’ far from being perfect (especially semantic html 🙈) It was fun to play with mask-image and global CSS va...","matchLevel":"none","matchedWords":[]},"title":{"value":"Cool button","matchLevel":"none","matchedWords":[]},"creator":{"value":"matthieucaron64","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

It's a button designed by @gberthonneau, It’s’ far from being perfect (especially semantic html 🙈) It was fun to play with mask-image and global CSS variables for the animation!

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