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