예제 소스 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); } }