더북(TheBook)

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

/********************
*** Science ***
********************/
#science .scienceWrap .gly {
    animation: spinGly 1500ms linear infinite alternate;
}

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

#science .scienceWrap .water {
    animation: spinWater 1500ms linear infinite alternate;
}

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