예제 소스 Exercise/16장/KidsGao/css/animation.css
/******************** *** Forest2 *** ********************/ #forest2 .machineWrap2 .machineLeft { animation: moveLeft 1s linear infinite alternate; } @keyframes moveLeft { from { left:30px; } /* 왼쪽 30px 지점에서 시작합니다. */ to { left:0; } /* 왼쪽 0px 지점까지 움직입니다. */ } #forest2 .machineWrap2 .machineRight { animation: moveRight 1s linear infinite alternate; } @keyframes moveRight { from { left:-30px; } /* 왼쪽 -30px 지점에서 시작합니다. */ to { left:0; } /* 왼쪽 0px 지점까지 움직입니다. */ }