在一个正方形的元素上制作一个移动的边框动画

I am trying to get a moving border CSS animation to work on a square but I can't quite work out how to get it to work. It works fine on a circle as I just use the rotate transition with the key frames. This is my current markup.I am trying to get a moving border CSS animatio