ランダムなサイズ
Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 9/18。
チャレンジ
簡単雲にランダムなサイズを追加しましょう。
すべてを変更せずに雲に異なるサイズを設定するには、transform と scale を使用できます:
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>