Menu
Coddy logo textTech

ランダムなサイズ

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

challenge icon

チャレンジ

簡単

雲にランダムなサイズを追加しましょう。

すべてを変更せずに雲に異なるサイズを設定するには、transformscale を使用できます:

transform: scale(0.3)

上記は、対象となる要素を元のサイズの 0.3 にスケールします!

JSファイルで、このスタイルプロパティをプログラムで追加し、ランダムに設定してください。推奨されるサイズは 0.3 から 1 の間です。

ランダムな位置を設定した以前のコードを削除しないように注意してください!

自分で試してみよう

<!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プロジェクトのすべてのレッスン