2017-04-04 228 views
1

我想在動畫CSS3邊框有拉絲效果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

任何幫助是極大的讚賞

感謝

+0

https://kimmobrunfeldt.github.io/progressbar.js/可以幫助你。 –

+0

查看本演示https://codepen.io/giana/pen/yYBpVY/ – LGSon

回答