Menu
CoddyTech

类“circle4”

Coddy 3D 卡片 | 前端项目 课程的第 29 课,共 31 课。

challenge icon

挑战

简单

目标类 ‘circle4’:

  1. 将宽度设为 80px。
  2. 将 top 和 right 设为 23px。
  3. 将过渡延迟设为 1.2s。
  4. 也添加以下属性:

    transform: translate3d(0, 0, 80px);

亲手试试

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

3D 卡片 | 前端项目中的所有课

自己练习: Web 在线编辑器