8-18 程宗武

集训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元素的本身元素上,不然产生的过渡的效果就只有生效的过渡效果,而没有失效的过渡效果。

二、个人总结

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

标签

评论

this is is footer