animate 인지 wow 인지 문의 드립니다.

2017.02.25 12:36:16 4156 (118.♡.♡.167)

본문


<script src="<?php echo G5_JS_URL ?>/wow.js"></script>
<link rel="stylesheet" href="<?php echo G5_CSS_URL; ?>/animate.css">
 
<div class="wow" data-animationtype="fadeInUp">
조사 내용은 다르다. 이 부회장의 경우 뇌물공여 혐의 관련 집중 조사가 이뤄질 전망이다. 특검은 전날 이 부회장의 구속기간을 다음달 8일까지로 연장했다. 1차 구속기간 시한은 오는 26일까지였지만 10일을 추가 연장한 셈이다.
</div>
 
<div class="wow" data-animationtype="fadeInUp">
조사 내용은 다르다. 이 부회장의 경우 뇌물공여 혐의 관련 집중 조사가 이뤄질 전망이다. 특검은 전날 이 부회장의 구속기간을 다음달 8일까지로 연장했다. 1차 구속기간 시한은 오는 26일까지였지만 10일을 추가 연장한 셈이다.
</div>

이렇게 넣었습니다. 잘 몰라서 이곳저곳 검색하면서 했는데 나오기는 합니다.

그런데 아래의 테마 홈페이지 보면 나란히 놓아도 순서대로 차라략 나오는데 제가 한것은 한꺼면에 나옵니다.

animation-delay: 0.1s; 이런게 있는건 알고 있습니다만

여러개가 있다면 하나하나 딜레이 속도 조절을 다 해줘야하는건가요?

어떻게 코딩하는게 정확한것인지 좀 알려주세요.

http://mktheme.spu.kr/

http://demo.oopsmall.kr/index.php

#그누보드5

답변 1

프로그래머7 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-02-27 18:37:42 121.♡.♡.86

이거 실행해보시면 원리를 알거 같습니다

<!DOCTYPE html>
<html>
<head>
<style>
div {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    animation: mymove 5s infinite;
    animation-delay: 2s;
}

@keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
</style>
</head>
<body>

<p>2초 기다린후 움직입니다.:</p>
<div></div>
<p><strong>Note:</strong> animation-delay property 는 Internet Explorer 9 와 이전 버전에서 적용이 안됩니다.</p>

</body>
</html>

잘 되시길^^

답변을 작성하시기 전에 로그인 해주세요.

전체 24

animate 인지 wow 인지 문의 드립니다.

QA