클라우드 II

Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨. 18개 중 5번째.

챌린지

쉬움

HTML 파일에서, cloud div (.cloud) 내부에 클래스 이름이 "cloudBubble1"인 div를 생성하세요.

CSS 파일에서, 새로운 div를 선택하고 다음을 설정하세요:

width를 100px로
height를 100px로
배경색(background color)을 cloud div와 동일하게
border-radius를 50px로
position을 absolute로
top을 -50px로
left를 30px로

직접 해보기

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

움직이는 구름 - HTML/CSS/JS 프로젝트의 모든 레슨

1소개

4JS로 놀아보기

2컨테이너

5구름 움직이기

3클라우드

클라우드 II

6수많은 구름

직접 연습해 보세요: Web 플레이그라운드