그림자
Coddy의 CSS 프로젝트 - 멋진 버튼 코스 레슨 — 8개 중 6번째.
버튼에 그림자 효과를 추가하여 입체감과 클릭 가능한 느낌을 주는 것이 일반적입니다.
CSS에서 그림자를 추가하려면 box-shadow 속성을 사용합니다.
#with-shadow {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}
챌린지
쉬움버튼에 그림자를 추가하세요!
팁: 그림자 색상으로
rgba(0, 0, 0, 0.25)색상을 사용하는 것이 좋습니다 (불투명도 - 0.25를 조절해 볼 수 있습니다)
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>