社交媒体按钮加载缓慢和丑陋:如何修复?
问题描述:
好的,所以有很多人抱怨社交媒体按钮是一件麻烦事。我问这个问题发布我自己的解决方案,因为我认为它看起来相当不错,它适合我的目的,并可能帮助别人。请看我的答案。 :)社交媒体按钮加载缓慢和丑陋:如何修复?
随时以更好的解决方案作出回应。
答
对我来说,这是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秒钟后,它们迅速消失。它看起来不错,甚至提请注意它们的存在。