웹표준 html,css,javascript 실무 과정 자료] 트랜지션Sample1

웹표준 html,css,javascript 실무 과정 자료] 트랜지션Sample1

웹표준 html,css,javascript 실무 과정 자료] 트랜지션Sample1

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

트랜지션Sample1

#g2 {

/* transition: transform 1s linear 0s; */

transition-property: transform; 효과를 적용할 프로퍼티

transition-duration: 1s; 트랜지션에 걸리는 시간

transition-timing-function: linear; 트랜지션 속도 패턴

transition-delay: 0s; 트랜지션의 대기 시간

}

#g2:hover {

transform: rotate(90deg);

}