-
整个效果中分为三个主题页面，三个主题横向布局并且无缝连接，可视区域范围永远只显示一个主题页面。三个主题页面为三个块级元素，用float实现横向布局效果。然后使用hidden隐藏多余的页面。 切换页面使用js动态获取页面尺寸。查看全部
-
通过溢出隐藏多余的页面overflow :hidden;查看全部
-
细化每个页面的内容查看全部
-
作动的实现与封装查看全部
-
一，页面结构的搭建与切换查看全部
-
流程的编写与控制查看全部
-
二、小男孩的动作实现与封装查看全部
-
一、结构的搭建与切换查看全部
-
transform 属性向元素应用 2D 或 3D 转换，该属性允许我们对元素进行旋转、缩放、移动或倾斜。其中会有一个值translate3d(x,y,z) 是用来控制元素的位置在页面上的三轴的位置的，translate3d这里指明了3d就是启用了3d加速，也就是启动GPU来处理，性能更强查看全部
-
转换 渐变 动画 音频查看全部
-
li:nth-child(2):ul中的li三个他们为什么这样写查看全部
-
slide.css的意思是什么？查看全部
-
也是查看全部
-
通过设置将小男孩当前left值设置为定值达到使小男孩停止行走的效果查看全部
-
，@keyframes用百分比来规定变化发生的时间， 0% 是动画的开始，100% 是动画的完成，规则中有4个百分比值的变化，每个比值分别通过position获取一张图片，分别是0%,25%,50%,75%,100%。在950毫米内从0%-100%发生4次变化，采用的算法是steps(1, start)一帧一帧的切换，通过设置infinite参数每950毫秒不断循环查看全部
举报
0/150
提交
取消