Menu
CoddyTech

固定值

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

让我们移动云朵吧!

challenge icon

挑战

简单

在我们开始移动云朵之前,先固定云朵的位置和大小。

注释掉用于为云朵设置随机位置和大小的代码。

在 JS 文件中,选中云朵元素并:

  1. 将 left 样式属性设为 200px。
  2. 将  top 样式属性设为 200px。
  3. 将 transform 样式属性设为 scale(0.5)。

此外,将 transition 样式属性设为 "all linear 3s",这会帮助我们之后为云朵添加动画!

亲手试试

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

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

自己练习: Web 在线编辑器