クラウド II

Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 5/18。

チャレンジ

簡単

HTMLファイルで、cloud div (.cloud) の中にクラス名 "cloudBubble1" を持つ div を作成してください。

CSSファイルで、新しいdivをターゲットにして以下を設定してください：

width を 100px に
height を 100px に
背景色を 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たくさんの雲