더북(TheBook)

예제 소스 Exercise/16장/KidsGao/css/animation.css

/********************
*** Forest1 ***
********************/

#forest1 .treeWrap .rabbit1 {
    animation: spinRabbitOne 1000ms linear infinite alternate;
}

@keyframes spinRabbitOne {
    from { transform:rotate(0deg); } /* 0도에서 시작합니다. */
    to { transform:rotate(10deg); } /* 10도까지 움직입니다. */
}

#forest1 .treeWrap .rabbit2 {
    animation: spinRabbitTwo 1000ms linear infinite alternate;
}

@keyframes spinRabbitTwo {
    from { transform:rotate(10deg); }
    to { transform:rotate(0deg); }
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.