CSS animation - How to fill in "starting from border"?

Quite a simple question, really, however I could not find anything online.

Basically, how do you animate a fill-in with a specific color of an element starting at the border?

E.g the border gets bigger and bigger until the shape is filled.