2015-02-02 2 views
1

나는 내가 그들에게 스크롤 할 때 fadeInUp에 내가 원하는 세 가지 요소가 있습니다. 그러나 이제 지연 부분이 생겨서 첫 번째 요소가 나타난 후에 두 요소가 나타나기를 바랍니다. 그러나 문제는 예상대로 발생하지 않고 모두 동시에 나타나고 있다는 것입니다. 다음은 바이올린입니다. FiddlejQuery 웨이 포인트 지연

0.5 초와 1 초 지연이있는 첫 번째 메시지 뒤에 두 개의 노란색 원이 표시되기를 원합니다. 나는 "delay-05s"클래스와 "delay-1s"클래스를 요소에 추가하려고 시도했지만, 이유는 있지만, 그렇게되지는 않습니다. 또한 여기에 템플릿을 만들어서 그 위에 가서 템플릿을 볼 수 있습니다. Halcyon Days BootStrap Template

답변

1

매우 가까이에 있습니다.

CSS 애니메이션 지연을 사용하는 클래스를 추가하는 것이 올바른 방법 이었지만 그 클래스는 어디에도 정의되어 있지 않았습니다!

그냥 애니메이션 지연을 적용하는 일부 CSS를 포함 :

.delay-05s { 
    -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
} 

.delay-1s { 
    -webkit-animation-delay: 1s; 
    animation-delay: 1s; 
} 

http://jsfiddle.net/4FNFW/141/

+0

OMG를! 정말 고맙습니다! 좋은 작업. –

+0

나는 내가 나중에 의지 할 수 있다는 것을 알고 있었다 –

+0

Heh, 문제 없음 :) –