基于弹性布局楼梯跳跃动画实现.pdfVIP

显示:弹性;

弹性布局,用来为盒状模型最大的灵活性

align-items:居中;

定义

flex子项在

flex容器的当前行的交叉轴方向上的对齐方式

justify-content：

center;

用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。

transform‑origin

允许您更改转换元素的位置。

2D转换元素可以改变元素的

X和

Y轴。3D转换元素,还可以更改元素的

Z轴。

Transform

/*向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜*/

变换:

缩放(1,0.2);

对

X轴和Y轴进行缩放

变换:

平移(0,0);/*进行2D转换

平

移(x,y)*/

动画

animation

属性是一个简写属性，用于设置六个动画属性:

•animation‑name

•animation‑duration

•动画定时函数

•动画延迟

•动画迭代次数

•动画方向

animation‑name规定需要应用的关键帧名称。。animation‑duration规定完成动画

所需的时间，以秒或毫秒为单位。animation‑timing‑function规定动画的速度曲线。

animation‑delay规定动画开始前的延迟