CSS 예제 13 / 20
둥근 모서리와 그림자만 잘 써도 카드형 UI의 완성도가 확 올라갑니다.
border-radius
box-shadow
text-shadow
💡 이렇게 바꿔보세요
box-shadow 값 순서는 x축 y축 흐림정도 확산정도 색상 이에요- 그림자를 여러 개 콤마로 겹치면(작고 진한 것 + 크고 흐린 것) 더 자연스러운 입체감이 나요
border-radius: 50% 면 완전한 원, 999px 처럼 큰 값이면 알약 모양이 돼요
← CSS 예제 목록