230113 항해99 68일차 둥둥 떠다니게 만들기

1. animation 이름을 설정하고, 속성을 정한다.

animation-name: floating;
animation-duration: 2s;
animation-iteration-count: infinite;

2. keyframe에 animation-name을 적고, 어떻게 움직이게 할건지 정해준다.

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 2px);
  }
  100% {
    transform: translate(0, 0px);
  }
}

• 프로젝트에서 방 카드를 둥둥 떠다니게 하면 좀 더 UI가 역동적으로 보일 것 같아서 찾아놓음