集训day_08

一、知识总结

1、transform-2D转换

1）、位移

设置子元素位于父元素中心的方法：

position: absolute;

​ top: 50%;

​ left: 50%;

​ transform: translate(-50%,-50%);

2、transform-3D转换

1）透视距离

透视距离：模拟人的眼睛到3D转换的元素之间的距离。距离不同，看到效果不同

具体设置为：perspective：具体的像素值；（像素值设置的值越大距离人眼的值就越近）

3、过渡

transition属性要作用到设置这个hover元素的本身元素上，不然产生的过渡的效果就只有生效的过渡效果，而没有失效的过渡效果。

二、个人总结

今天所讲的知识点很多，一时间难以记住，需要我们不断的在实际应用之中去使用这些点，才能增强记忆，慢慢掌握。