社交媒体按钮加载缓慢和丑陋：如何修复？

Question

好的，所以有很多人抱怨社交媒体按钮是一件麻烦事。我问这个问题发布我自己的解决方案，因为我认为它看起来相当不错，它适合我的目的，并可能帮助别人。请看我的答案。 :)

随时以更好的解决方案作出回应。

Answer 1

对我来说，这是CSS3动画来拯救。这种 “固定”（即完全在一个美丽的方式隐藏）共享按钮的载入速度较慢的问题：

HTML：

<div class='social'> 
    // (Your share buttons go here) 
</div> 

CSS3：

.social { 
    animation-name: fadeIn; 
    animation-duration: 3s; 
    animation-fill-mode: forwards; 
} 

@keyframes fadeIn { 
    0% { 
     opacity: 0; 
    } 
    70% { 
     opacity: 0; 
    } 
    100% { 
     opacity: 1; 
    } 
} 

他们开始在不久的衰落过了2秒钟后，它们迅速消失。它看起来不错，甚至提请注意它们的存在。