在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/