Menu
CoddyTech

随机大小

Coddy 移动云朵:HTML/CSS/JS 项目 课程的第 9 课,共 18 课。

challenge icon

挑战

简单

我们来给云朵添加一个随机大小。

要在不改变其他内容的情况下设置云朵的不同大小,我们可以使用 transform 和 scale:

transform: scale(0.3)

上面的代码会将目标元素缩放到原始大小的 0.3 倍!

在 JS 文件中,以编程方式添加这个样式属性,然后让它随机变化。建议的大小范围是 0.3 到 1。

请确保不要删除之前让位置随机变化的代码!

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

移动云朵:HTML/CSS/JS 项目中的所有课

自己练习: Web 在线编辑器