{"id":"LYMBBeG","description":"Responsive version of a button design from [Baldur’s Gate 3 website](https://baldursgate3.game), made using CSS `mask-border` property...","image":"https://assets.codepen.io/4175254/internal/screenshots/pens/LYMBBeG.custom.png?version=1696343859","creator":"njesenberger","title":"Baldur’s Gate 3 Responsive Button","username":"nicolasjesenberger","profile":{"url":"https://codepen.io/nicolasjesenberger","name":"nicolasjesenberger"},"tags":["button","border","corner","frame","mask"],"full_description":"

Responsive version of a button design from Baldur’s Gate 3 website, made using CSS mask-border property

","date_indexed":"2023-10-05T11:58:57.899Z","date_indexed_unix":1696507137899,"created_at":1696175511,"updated_at":1696343859,"initData":"","avatar_url":"https://assets.codepen.io/4175254/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1674335789&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Baldur’s Gate 3 Responsive Button\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Baldur’s Gate 3 Responsive 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 - Baldur’s Gate 3 Responsive Button\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\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"LYMBBeG","_highlightResult":{"id":{"value":"LYMBBeG","matchLevel":"full","fullyHighlighted":true,"matchedWords":["lymbbeg"]},"description":{"value":"Responsive version of a button design from [Baldur’s Gate 3 website](https://baldursgate3.game), made using CSS `mask-border` property...","matchLevel":"none","matchedWords":[]},"creator":{"value":"njesenberger","matchLevel":"none","matchedWords":[]},"title":{"value":"Baldur’s Gate 3 Responsive Button","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"border","matchLevel":"none","matchedWords":[]},{"value":"corner","matchLevel":"none","matchedWords":[]},{"value":"frame","matchLevel":"none","matchedWords":[]},{"value":"mask","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

Responsive version of a button design from Baldur’s Gate 3 website, made using CSS mask-border property

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