CSS 만으로 카드 뒤집기 애니메이션 구현해보기(transform)

오늘은 카드에 마우스를 올렸을때, 카드가 뒤집히는 애니메이션을 구현해보고자 합니다. 카드 3개를 만들기 위한 기본적인 html 뼈대 구조,애니메이션을 구현하기 위한 사전 css 지식, 마지막으로 완성된 css 코드 이렇게 3개의 순서로 살펴보고자 합니다.html 구조최상위 컴포넌트 └ div class="card" 3개 └ 각 카드당 2개 (각각 앞 뒷면 담당) └ (카드 이미지 담당) 카드 뒤집기 ..