transition部分细节

46 阅读1分钟

1:visibility: visible;设置元素是否可见。默认是visible可见。hidden 不可见。

2:max-width: 0;用于设置悬浮盒子出来时,可以先设置最大宽度是0;就消失了,显示时宽度设置为none。替换上文。即可显示

3:立体书悬浮放大:transform:scale(num);代表是放大几倍。 transition:all .2s;

4:悬浮动画上跳,设置向上 transform: translateY(-10px);

5: transfrom-origin:X轴百分比,Y轴百分比。设置以那个点为定点进行缩放动画 left,right也可以。

6: transition: opacity .25s, transform .3s;设置动画完成的事件(不太明白,但是如果不设置动画就会失效)

image.png