照片墙

开发工具与关键技术:Adobe Dreamweaver CC 2017 CSS
作者:廖亚星
撰写时间:2019年2月15日
下面是让多张照片错乱分布在页面上,当移入后,照片的旋转与大小发生改变
首先我们要引用封装好的jQuery
照片墙
然后我们设置一张背景图,并在背景图上放入照片
照片墙
现在我们需要设置CSS,使鼠标移动在照片上面时,照片的旋转角度与大小发生改变
照片墙
照片墙
照片墙
这样,当我们鼠标移上去后,照片就会进行变化。