20200818_陈宇_
日志
学习总结：
translate移动：
如果取值为百分比，是以自身的width和height为基准的
transition过渡效果：
一定要加在原始元素身上，不能加在hover之后的元素身上
原始元素：有去有回
hover之后的元素：有去无回
背向隐藏：
backface-visibility：hidden；
粘性布局：
position：sticky
转换>缩放：
scale（n）：当取值为-1<n<0时，X轴和Y轴都缩小，并反转
当取值为n<-1时，X轴和Y轴都放大，并反转
景深：
透视距离（perspective：1000px）：模拟人的眼睛到3D转换的元素之间的距离。距离不同，看到效果不同
透视距离，要写在3D转换元素的父元素上
transform-style：
嵌套元素在3D空间显示 ；取值：preserve-3d（子元素将保留其3d位置）
转换原点：
可以设置在转换时的转换原点
- 可以取px为单位的数字
- 可以取百分比值（%）
- 可以取关键字（left/center/right）
不支持过渡的属性：
display：none；
学习心得：
今天结束了css，做了两个案例，但是做得都比较慢，感觉还不能很娴熟的去运用，希望在以后的学习中会多多加深印象。听俊峰老师说明天要开始学新知识了，挺期待的。
评论