{"id":"zYepgqG","description":"An exploration of animated multi-color conic gradients to create button border animation effects....","image":"https://shots.codepen.io/username/pen/zYepgqG-800.jpg?version=1700318545","creator":"jjcollinsworth","title":"Shimmering animated border gradient effect in CSS","username":"collinsworth","profile":{"url":"https://codepen.io/collinsworth","name":"collinsworth"},"tags":["button","gradient","border-gradient","p3","css"],"full_description":"

An exploration of animated multi-color conic gradients to create button border animation effects.

","date_indexed":"2024-01-08T10:57:24.940Z","date_indexed_unix":1704711444940,"created_at":1700315478,"updated_at":1700318545,"initData":"","avatar_url":"https://assets.codepen.io/240751/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1532200600&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n CodePen - Shimmering animated border gradient effect in CSS\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n CodePen - Shimmering animated border gradient effect in CSS\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 - Shimmering animated border gradient effect in CSS\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":"zYepgqG","_highlightResult":{"id":{"value":"zYepgqG","matchLevel":"full","fullyHighlighted":true,"matchedWords":["zyepgqg"]},"description":{"value":"An exploration of animated multi-color conic gradients to create button border animation effects....","matchLevel":"none","matchedWords":[]},"creator":{"value":"jjcollinsworth","matchLevel":"none","matchedWords":[]},"title":{"value":"Shimmering animated border gradient effect in CSS","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"gradient","matchLevel":"none","matchedWords":[]},{"value":"border-gradient","matchLevel":"none","matchedWords":[]},{"value":"p3","matchLevel":"none","matchedWords":[]},{"value":"css","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

An exploration of animated multi-color conic gradients to create button border animation effects.

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