반응형 카드애니메이션1 [css] 간단하게 css로 3D card 뒤집는 애니메이션 효과 양면이 서로 다른 카드의 형태를 겹쳐놓고 hover했을 때, 카드 뒤집어지는 효과가 적용되도록 하고 싶었다. css3에서 perserve-3d등을 이용해서 구동할 수 있다고 한다. 주석처리된 부분들만 잘 넣으면 아마 잘 구동되지 싶다. (인터넷익스플로러 x) 1. 구조 front back 원근감을 줄 수 있는 영역이(section)가 있어야 하고, 카드 2장을 감쌀 부모(.card)와 자식으로 앞면(.front)과 뒷면(.back)을 만들어야 한다. 2. 스타일 1) 요소 영역 배치 및 위치 section { width: 100vw; height:100vh; background: indianred; position: relative; } .card { position: absolute; left:50%;.. 2022. 3. 18. 이전 1 다음 반응형
