border animation

How can I make the border that I have gradually build up until it is complete? Is there a tutorial or something where I can learn how to do an effect like that?
7 Replies
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
capt_uhu
capt_uhu•2y ago
@trazos what do you mean by "build up"? Can you show us what you mean somehow? What kind of border how would it build up?
Chris Bolson
Chris Bolson•2y ago
Following on from the suggestion by @nsysean you can use a pseudo element with a background conic-gradient animated via keyframes. https://codepen.io/cbolson/pen/xxQGZYV Possibly not the best solution due to the number of keyframes required to make a smooth animation (I used SCSS to save me typing them all) but it could help you on your way.
Trazos
TrazosOP•2y ago
thank you very much that's exactly what i was looking for thanks for the help everyone
glutonium
glutonium•2y ago
i love how u used every animation properties individually ahaha
Chris Bolson
Chris Bolson•2y ago
😅 I didn’t want to but otherwise it wasn’t smooth. SCSS made it easy. I’m not convinced that this is the best way to do this but I didn’t want to spend too long on it.
glutonium
glutonium•2y ago
ahaha

Did you find this page helpful?