The most powerful part of `background-clip: border-area` might just be what you can do with a round box and conic-gradient background on its border. Especially if you animate it using `@property`!
See the code: https://codepen.io/jensimmons/pen/OJKBmyP?editors=1100
I put all of the demos in one place on CodePen.
https://codepen.io/collection/jONBky
Be sure to try them out in Safari Technology Preview, Safari 18.2 beta, or *perhaps* the version of Safari you have right now after enabling a flag. (The demos will tell you if your browser has support or not.)