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

好吧，有很多人抱怨社交媒体按钮太麻烦了。我问这个问题是为了发布我自己的解决方案，因为我觉得它看起来很不错，符合我的目的，可能会帮助其他人。请看我的答案。：）

---

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

对我来说，这是救援行动。该“修复”（即，完全以漂亮的方式隐藏）共享按钮的缓慢加载问题：

HTML:

它们在2秒钟后不久开始淡入，并且很快淡入。它看起来很漂亮，甚至让人注意到它们的存在

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

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

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