CSS Border Keyframes

Hallo.

Gibt es eine Möglichkeit die einzelnen variablen (border-top, border-left,...) mittels Keyframe "anzusprechen"?

Also ich will das border-top von oben nach unter animiert wird, danach links und rechts (von oben nach unten) danach border-botton von links und rechts aussen gefüllt werden. Border ist zuerst nicht sichtbar und wird dann durch Keyframes eingeblendet und nach x Sekunden wieder ausgeblendet.

Muss ich einzelne div dafür machen oder geht es auch leichter?

Bitte um Hilfe!

Danke
LG

Danke, ich werde mir das mal anschauen und probieren ob ich es so hinbekomme wie ich es brauche. Im Prinzip soll er anfangs nicht sichtbar sein und sich dann von Top zu Bottom ausbreiten... Die Farbe ist dabei immer gleich, es soll eine fließende Bewegung sein.