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