반응형

webkit-animation 2

[CSS] CSS 애니메이션 처리

CSS3에서 사용되는 애니메이션 CSS 애니메이션을 만드려면 animation 속성과 이 속성의 하위 속성을 지정합니다. 애니메이션의 총 시간과 반복 여부등을 지정할 수 있습니다. 이 속성은 애니메이션의 중간상태를 기술하지 않는다는걸 명심하세요. 애니메이션의 중간 상태는 아래에서 다룰 @keyframes 규칙을 이용하여 기술합니다. animation 속성의 하위 속성은 다음과 같습니다. animation-delay 엘리먼트가 로드되고 나서 언제 애니메이션이 시작될지 지정합니다. animation-direction 애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다. animation-duration 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. animation-ite..

Web/WEB기본 2013.10.12

[CSS] CSS3 에서 사용되는 animation효과 처리

webkit 에서 animation 효과를 사용하면, "-webkit-animation:1s'는 속성이 들어간다. 해당 속성을 지워주지 않으면 다른 애니메이션 효과가 적용이 안될 수가 있다. 그래서 해당 Attribute값을 지워줘야 한다. $(객체).css('-webkit-animation','');//jquery을 사용한 CSS attribute 삭제 예제 $(here).css('animation-iteration-count','infinite'); $(here).css('animation-duration',speed+'s'); /* 애니메이션 반복 횟수 지정. */ $(here).css('-webkit-animation-iteration-count','infinite'); /* 애니메이션이 실행되는..

Web/WEB기본 2013.02.21
1
반응형