소셜 미디어 버튼로드 속도가 느리고 못생긴 : 해결 방법?

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 초가 지나면 빨리 사라집니다. 그것은 멋지게 보이고, 심지어 그들의 존재에주의를 끕니다.