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

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秒钟后不久就开始消失，它们很快消失。它看起来不错，甚至引起了对它们存在的关注。