본문 바로가기

카드

3D느낌이 나는 카드 형식의 이미지 See the Pen 3D Cards by Mubanga (@mubangadv) on CodePen. 3D느낌이 나는 카드 형식의 이미지
깔끔한 카드 UI 디자인 See the Pen Cards by Håvard Brynjulfsen (@havardob) on CodePen. 깔끔한 카드 UI 디자인
그리드 레이아웃을 이용한 카드 유형 See the Pen F1 Team of the week Card (Honeycomb Grid) by Shireen Taj (@TajShireen) on CodePen. 그리드 레이아웃을 이용한 카드 유형
카드 레이아웃 UI See the Pen Card Article UI by Mithicher (@mithicher) on CodePen. 카드 레이아웃 UI
카드 유형 레이아웃 UI See the Pen Article News Card by Andy Tran (@andytran) on CodePen. 카드 유형 레이아웃 UI
리액트를 이용한 매칭 게임 See the Pen React matching game by agathaco (@agathaco) on CodePen. 마우스 방향에 따라 움직이는 글씨
코드를 보여주는 카드 형식의 오버 효과 See the Pen Flipping Business Card by Joshua Ward (@joshuaward) on CodePen. 코드를 보여주는 카드 형식의 오버 효과
Card 스타일의 뮤직 플레이어 See the Pen Card Music Player by Mike Quinn (@mprquinn) on CodePen. Card 스타일의 뮤직 플레이어
반전 스타일의 카드 오버 효과 애니메이션 See the Pen Info cards animation by Yancy Min (@yancy) on CodePen. 반전 스타일의 카드 오버 효과 애니메이션
마우스 오버효과와 카드 스타일의 만남 See the Pen Info Cards Concept by Yancy Min (@yancy) on CodePen. 마우스 오버효과와 카드 스타일의 만남
마우스 오버하면 카드가 나오는 스타일 See the Pen Hearthstone Style Card Hover by Jack Rugile (@jackrugile) on CodePen. 마우스 오버하면 카드가 나오는 스타일
[Button] 카드 오버 스타일 마우스 오버 효과 애니메이션 See the Pen Stacked Cards Hover Effects by Kyle Brumm (@kjbrum) on CodePen. 카드 오버 스타일 마우스 오버 효과 애니메이션 [출처]
누르면 카드 스타일로 애니메이션 되는 카드 애니메이션 See the Pen Delivery Card Animation by Nikolay Talanov (@suez) on CodePen. 누르면 카드 스타일로 애니메이션 되는 카드 애니메이션
[UI/UX] 반응형이 지원되는 카드 UI 디자인 애니메이션 소스 See the Pen Solving Problems With CSS Grid and Flexbox: The Card UI i by Envato Tuts+ (@tutsplus) on CodePen. 반응형이 지원되는 카드 UI 디자인 애니메이션 소스 [출처]
[Image] 이미지를 클릭하면 애니메이션 되는 플립 카드 소스 See the Pen Animated Card Flip by Ana Travas (@anatravas) on CodePen. 이미지를 클릭하면 애니메이션 되는 플립 카드 소스 [출처]