在css中为元素周围的边框设置动画

webkit css动画的代码是什么？该动画从一个角跟踪元素（比如div或heading）周围的边框，然后围绕整个元素返回到原始角

用外行的话说，如果有人用铅笔在元素周围的一条线上画一个矩形

---

效果必须是永久性的，而不仅仅是当用户将鼠标悬停在元素上时才会出现。

可能是这样的吗

@关键帧铅笔{
0% {
过渡：边框颜色0.5s缓进缓出0.25s；
边框颜色：#000#fff#fff#fff；
最高：0%；
左：0%；
}
25% {
过渡：边框颜色0.5s缓进缓出0.25s；
边框颜色：fff#000#fff#fff；
最高：0%；
右：100%；
}
50% {
过渡：边框颜色0.5s缓进缓出0.25s；
边框颜色：fff#fff#000#fff；
最高：100%；
右：100%；
}
75% {
过渡：边框颜色0.5s缓进缓出0.25s；
边框颜色：fff#fff#fff#000；
最高：100%；
右：0%；
}
100% {
过渡：边框颜色0.5s缓进缓出0.25s；
边框颜色：#fff#fff#fff#fff；
最高：0%；
右：0%；
}
}
.铅笔边框{
边框：2倍实心#fff；
动画：无限线性；
}

试验

你能告诉我们你试过什么吗？在此处添加您的代码向我们展示您的尝试，只有这样我们才能帮助您。？若要更快获得更好的帮助，请发布或