애니메이션으로 로고 변경

사용자가 스크롤 한 후 변경 한 내 웹 사이트 로고가 2 개 있습니다. Gamespot에 약간의 애니메이션이 추가 된 것으로 나타났습니다. 동일한 결과를 얻으려면 어떻게해야합니까? 어느 CSS3 또는 jQuery를애니메이션으로 로고 변경

출처

2014-09-02 Alireza Noori

시도한 것을 게시하십시오. 또한 jsfiddle에 온라인 데모를 제공하면 도움이 될 것입니다. –

@HashemQolami 죄송합니다. 당시에는 바이올린을 게시 할 수 없었습니다. 나는 바빴어. 이제 dwreck08의 바이올린이 보였으므로, 그의 대답에 덧붙여서 내가 한 모든 것을 보여줄 것입니다. 감사. –

으로 난 당신이 다음과 같은 뭔가를 찾고 생각 : 이 JS Fiddle

당신은 jQuery의 scrollTop와 CSS3 전환의 혼합을 사용하여 달성 할 수있다.

출처

2014-09-02 13:19:17

감사합니다. 네가 옳아. 내 현재 코드는 기본적으로 한 이미지를 숨기고 다른 이미지를 스크롤에 표시합니다. 나는 기본적으로 당신이 제안한 것을 사용했습니다. 그러나, 나는 어떤 전환을 사용할지 모르겠다. (나는 '최소 높이'를 바꾸려고했지만 충분히 부드럽지 않았다. –

애니메이션으로 로고 변경

답변

관련 문제