Jquery 制作沿顺时针方向旋转的动画边框动画

我对做某事感兴趣。除了我希望当我做类似的事情时，这个动画在代码中发生

$（'myJqueryAnimation'）.animate（）

或者类似的。我还希望围绕按钮移动的实际边界线的长度稍微长一点。这可能是微不足道的，但我是CSS的新手，如何才能做到这一点

提前感谢。
您可以添加类名，而不是使用
：hover
属性。然后，当您想要开始或停止动画时，只需切换此类名


myButton.classList.toggle（'animated'）
按钮
{
显示：块；
宽度：300px；
填充：10px；
文本对齐：居中；
背景：#ccc；
位置：相对位置；
溢出：隐藏；
}
按钮：之后
{
位置：绝对位置；
背景：黑色；
顶部：-10px；
左：-10px；
宽度：12px；
高度：12px；
显示：块；
内容：“；
}
/***********************。已设置动画，而不是：悬停*/
按钮。动画：之后
{
-webkit动画：moveBorder 2s无限；
}
@-webkit关键帧移动边框
{
0%{
顶部：-10px；
左：-10px；
}
25%
{
顶部：-10px；
左：318px；
}
50%
{
顶部：计算（100%-2px）；
左：318px；
}
75%
{
顶部：计算（100%-2px）；
左：-10px；
}
100%
{
顶部：-10px；
左：-10px；
}
}
某些链接