在CSS中激发社交媒体按钮

Question

所以我使用CSS创建了这些脉动的社交媒体按钮。 经过几次脉动之后，您可以看到instagram图标右侧有一个小红线。任何想法是什么导致这一点，以及如何删除它？

https://jsfiddle.net/pm9hkyy8/2/

段：

@keyframes pulser { 
    from { 
    color: rgba(0, 0, 0, 0.2); 
    } 
    to { 
    color: rgba(255, 255, 255, 1); 
    } 
} 
#footer a { 
     color: #999; 
     color: rgba(185, 186, 187, 0.5); 
     animation-name: pulser; 
     animation-duration: 2s; 
     animation-iteration-count: infinite; 
     animation-direction: alternate; 
     animation-timing-function: ease-in-out; 
} 

/* Stopping the pulsation on hover for that particular child */ 
a:hover { 
    color: #bbb; 
    color: #b9babb; 
    animation-name: pulser; 
    animation-duration: 2s; 
    animation-iteration-count: 0; 
    animation-direction: alternate; 
    animation-timing-function: ease-in-out; 
} 

而且，随意使用此代码，并改善它:)

截图：http://puu.sh/qJBkj/d3701d834e.png

Answer 1

删除以下CSS里面是空的，并导致该行

​​

https://jsfiddle.net/Nagasai_Aytha/pm9hkyy8/4/