@keyframes 모션이름 {
0% {left : 0px} /* 초기값 */
100%{left : 100px} /* 종료값 */
}
적용할 대상
box-1 {
animation : 모션이름 , 1s , 2s backwards
}
box-2 {
animation : 모션이름 , 1s , 0s backwards
}
backwards == delay 즉 해당 코드를 실행 시
// 적용 가능한 속성 값
infinite = 무한 반복 , linear, ease, ease out 등 속도 조절