社交媒體按鈕加載緩慢且丑陋：如何解決？

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秒鍾后不久它們開始褪色，然后迅速消失。 它看起來不錯，甚至引起了人們對其存在的關注。