CSS3边框绘制动画

Question

我想在动画CSS3边框有拉丝效果

（从右到左圆形环）目前，我只需要它，所以它消失在悬停

.info-circle-sub-def{ 
border: 1px solid #111111; 
border-radius: 50%; 
} 

.info-circle-sub-def:hover{ 
animation: drawBorder 2s forwards; 
} 

@keyframes drawBorder { 
to { 
border: 1px solid #d6a318; 
} 
} 

image of golden border

任何帮助是极大的赞赏

感谢

Answer 1

检查我刚刚制作的快速笔。您可以编辑您的需求。

pen examplehttps://codepen.io/stojko/pen/YZgByQ