最终效果为 div元素从右向左出现, 然后从左向右消失。
transition标签包裹要移动的元素:
css 样式:
其中:
1: 为div元素显示时的状态
2: 为div元素移动的过程
(进入的过程,离开的过程)
(直线运动,运动0.3s)
3: 为div元素移动之前和离开后的转态
(三个参数分别为x,y,z轴,x轴正直在右边,负值在左边,此处为正值,所以元素从右向左进入)
(100%可替换为像素,100%代表div元素的宽度的100%,刚好完全隐藏)
2023-07-26 22:26:28
最终效果为 div元素从右向左出现, 然后从左向右消失。
transition标签包裹要移动的元素:
css 样式:
其中:
1: 为div元素显示时的状态
2: 为div元素移动的过程
(进入的过程,离开的过程)
(直线运动,运动0.3s)
3: 为div元素移动之前和离开后的转态
(三个参数分别为x,y,z轴,x轴正直在右边,负值在左边,此处为正值,所以元素从右向左进入)
(100%可替换为像素,100%代表div元素的宽度的100%,刚好完全隐藏)