How do you apply a gradient from outer to inner, only to borders, in CSS?

Question

Based on the MDN documentation this doesn\'t seem to be explicitly supported. So I tried it as follows in the linked code pen below. I know the nested

\'

Answer 1

I think you should use the border-image property and se it to a linear gradient and tweak until you have achieved what you want. After all css does treat linear-gradient() as an image. If you have an image of what you want to produce maybe I can help bring it to life. I hope this helps