css3 애니메이션 - 문제 이해 CSS 속성

내 CSS 애니메이션에 지연이 있습니다. 지체없이 애니메이션을 시작하겠습니다. 아래의 값을 변경하려고 시도했지만 결과를 얻을 수 없습니다.css3 애니메이션 - 문제 이해 CSS 속성

.wpb_start_animation.wpb_appear { 
animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running wpb_appear; 
}

페이지 : www.globalig.com

감사합니다.

출처

2014-12-07 kimizito

페이지가 여전히 "로드 중"이므로 애니메이션이 지연됩니다. – Kyslik

지연이 없습니다. –

Chrome Dev Tools를 사용하여 ".wpb_start_animation.wpb_appear"를 찾은 다음 "webkit-animation"속성을 선택/선택 해제하십시오. 지연이 없습니다. 다른 원인이 있습니다 .실제로 GCH 개발자 도구에서 검사 중이었고 300ms 페이지로드가있었습니다. (단지 "다운로드"페이지로) 나는 유럽에있다. (좋은 인터넷 연결을 가지고있다.) 여기를 보라 http://i.stack.imgur.com/PqQdk.png – Kyslik

애니메이션은 jQuery에 의해서만 시작됩니다. 따라서 jQuery가로드 될 때까지 아무 것도 볼 수 없습니다.

.wpb_animate_when_almost_visible 클래스 대신 컨테이너에 .wpb_start_animation을 직접 추가 해보십시오.

출처

2014-12-07 16:16:08

css3 애니메이션 - 문제 이해 CSS 속성

답변

관련 문제