moon 클래스
Coddy의 일식 애니메이션 | HTML/CSS 프로젝트 코스 레슨 — 10개 중 7번째.
챌린지
쉬움CSS 파일에서 moon 클래스를 대상으로 다음을 설정하세요:
- moon 클래스의 너비(width)와 높이(height)를
220px로 설정합니다. - border-radius를
50%로 설정합니다. - moon 클래스의 position을
relative로 설정합니다. - background-image를
linear-gradient(30deg, #13223f, #0e1a30)로 설정합니다.
이제 달이 보일 것입니다!
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>