将移动的火花效果添加到元素边框

Question

我有一个带边框的div。 div包含一个多选元素（通过jquery）。这个多选按钮是各种过滤器。当过滤器打开时，我想要更改动画样式，以便用户不断提醒过滤器已打开。我看到了这个小提琴

http://jsfiddle.net/qYpck/

.link-list a:hover>span, .link-list a:focus>span {
background-position: -100% 0;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}

其中一个悬停在链接上并且移动的火花效果在href链接空间中缩放。它看起来不错，我想知道它是否可以用于我正在谈论的内容。从本质上讲，我确信我可以弄清楚动画的时机等。因此只需使用悬停就可以了。但是当一个人在一个元素上盘旋时，在这种情况下是多选按钮，我希望同样的效果从边框的一角（最好是左上角）开始，然后转到右下角，一直到右下角，左边是左下角，然后回到左上角。它会继续这样做。是否可以在元素的边界上使用此效果？