摘要：
第三天 一、 认识 转换 1. 的特点 近大远小 物体和面遮挡不可见 2. 三维坐标系 x 轴：水平向右 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 注意：往外边的是正值，往里面的是负值 二、 转换 1. 转换知识要点 位移： 旋转 阅读全文
摘要：
基础案例 01 模拟二维码 训练描述 利用CSS3动画属性，模拟扫描二维码的场景 训练提示 1. 在大盒子中上下正常排版两张图片 2. 利用动画，让第二张图片上下发生位移 3. 设置动画属性，注意动画设置的兼容问题 操作步骤 1. 创建index文件，新建css文件夹，创建base.css文件并初始 阅读全文
摘要：
一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤： 1. 给元素添加转换属性 2. 属性值为 如 顺时针方向旋转 30度 二、三角 二、设置元素旋转中心点(transform origin) 1. 基础语法 2. 重要知识点 注意后面的参数 x 和 y 用空格隔开 阅读全文
摘要：
基础案例 01 导航搜索 训练描述 搜索栏鼠标经过后出现搜索框，失去焦点还原，并且是以过渡的方式 训练提示 1. 搭建以项目为主的几个文件 2. 书写导航栏页面布局 logo原图比较大，需要设置父盒子宽度和自身的100% 设置导航项 右侧基本都是精灵图，所以不需要使用字体图标，注意间距的调整 3. 阅读全文