先来看个案例效果
看滑动后效果
滑动前和滑动后明显的图片的可视大小改变
思路分析:
1、图像嵌套在盒子里,设置图像和盒子等大
2、给盒子添加滑动效果 div:hover{}
3、滑过是,图片放大 transform: scale (1.5);
4、transtion 执行缓动时间 2S
至此滑动后,图片超出盒子范围,所以在盒子元素重添加 overflow:hidden;
先来看个案例效果
看滑动后效果
滑动前和滑动后明显的图片的可视大小改变
思路分析:
1、图像嵌套在盒子里,设置图像和盒子等大
2、给盒子添加滑动效果 div:hover{}
3、滑过是,图片放大 transform: scale (1.5);
4、transtion 执行缓动时间 2S
至此滑动后,图片超出盒子范围,所以在盒子元素重添加 overflow:hidden;