와우 j에 대한 드롭 범위 설정

안녕하세요,이 페이지에서와 같이 연락하려고합니다. http://mynameismatthieu.com/WOW/index.html doge 이미지 (바로부터 매우 쉽습니다. 바로 JS부터), doge 이미지가 아래로 (길 위로)와우 j에 대한 드롭 범위 설정

내가이와 그 결과에 도달하려고 :

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus velit obcaecati et, tenetur excepturi voluptatum doloremque reprehenderit esse nisi quae necessitatibus facilis provident voluptatem quos, dolorem dicta, modi eos iusto.</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus velit obcaecati et, tenetur excepturi voluptatum doloremque reprehenderit esse nisi quae necessitatibus facilis provident voluptatem quos, dolorem dicta, modi eos iusto.</p> 

<div class="about-tile"> 
    <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur commodi saepe atque vitae harum, alias impedit sunt. Praesentium esse voluptatem possimus, autem, tenetur maiores modi ab veritatis nam architecto excepturi!</h2> 
    <hr class="divider wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.5s" > 
</div>

또는 당신은 여기에서 볼 수 있습니다, 인사는 내려 가지 https://jsfiddle.net/fvjqj7f0/2/

당신은 내가 무슨 코드의 결과를 볼 수 있습니다로 약간.

fadeInDown

은 그것의 마지막 장소보다 약간 높은 나타나게 : 그

출처

2016-08-24 antonscie

문제가 실제로처럼 인해 fadeInDown 애니메이션을 수행하는 방법 h1에서 내려 이동 시간에 시작해야합니다. 데모에서 bounceIndown은 페이지 상단에서 드롭하는 데 사용됩니다.

animate css website에는 모든 availables 애니메이션을 포함 할 수 있습니다. fadeInDownBig을 사용하면 페이지 상단에서 드롭을 달성 할 수 있지만 wow.js을 특정 위치에서 드롭 할 수는 없다고 생각합니다. 그렇게하려면 keyframes 애니메이션을 사용해야합니다.

Here is the working example

출처

2016-08-24 11:46:32 Okazari

선생님 (일부 사용자 지정 자바 스크립트와 함께), 당신은 내가 맞다, 당신의 예에 와우 JS를 사용합니까? – antonscie

그래, 그냥'fadeInDown'을'fadeInDownBig'로 바꿨습니다. wow.js는 animatecss에 의존합니다. 나는 당신이 정말로 그것이 'h1'장소에서 떨어지거나 페이지의 상단에서 떨어지길 원하는지를 알지 못했습니다. – Okazari

nah its, work. 어쨌든 선생님, 고마워요. – antonscie

와우 j에 대한 드롭 범위 설정

답변

관련 문제