{"id":"ZEgJoXB","description":"I found this cool design on Twitter and wanted to re-create it with CSS...","image":"https://shots.codepen.io/username/pen/ZEgJoXB-800.jpg?version=1730305886","title":"Rainbow Creator Button","creator":"simeydotme","username":"simeydotme","profile":{"url":"https://codepen.io/simeydotme","name":"simeydotme"},"tags":["css","button","tailwind","rainbow","glass"],"full_description":"

I found this cool design on Twitter and wanted to re-create it with CSS

","date_indexed":"2024-11-04T15:28:52.762Z","date_indexed_unix":1730734132762,"created_at":1729501948,"updated_at":1730305886,"initData":"","avatar_url":"https://assets.codepen.io/13471/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=2&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n Rainbow Creator Button\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n Rainbow Creator 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\n Rainbow Creator Button\n\n \n \n \n\n \n \n\n\n \n\n \n \n\n\n\n

\n \n

Rainbow Creator Button

\n\n \n \n

Based on a design from Twitter

\n \n\n

\n\n\n\n\n\n\n\n\n\n \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":"ZEgJoXB","_highlightResult":{"id":{"value":"ZEgJoXB","matchLevel":"full","fullyHighlighted":true,"matchedWords":["zegjoxb"]},"description":{"value":"I found this cool design on Twitter and wanted to re-create it with CSS...","matchLevel":"none","matchedWords":[]},"title":{"value":"Rainbow Creator Button","matchLevel":"none","matchedWords":[]},"creator":{"value":"simeydotme","matchLevel":"none","matchedWords":[]},"tags":[{"value":"css","matchLevel":"none","matchedWords":[]},{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"tailwind","matchLevel":"none","matchedWords":[]},{"value":"rainbow","matchLevel":"none","matchedWords":[]},{"value":"glass","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

I found this cool design on Twitter and wanted to re-create it with CSS

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