• Q&A
  • 회원가입
  • 로그인

[animation] CSS - animation-duration 속성 - 애니지속시간 (= 애니완료소요시간 = 움직임완료소요시간 = 움직임속도 = 애니속도 = 애니메이션듀레이션속성, IE10)

animation-duration 예제

 

<style> 

div {

  width: 100px;

  height: 100px;

  background: blue;

  position: relative;

  -webkit-animation: homzzang infinite; /* Safari 4.0 - 8.0 */

  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */

  animation: homzzang infinite;

  animation-duration: 5s;

}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes homzzang {

  from {top: 0px;}

  to {top: 200px;}

}


@keyframes homzzang {

  from {top: 0px;}

  to {top: 200px;}

}

</style>


<div></div>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012