;;制作照片墙页面,浏览效果如图10-1、10-2所示。;制作照片墙页面,具体要求如下。
(1)在页面中放入六张图片,图片大小240px*240px。鼠标指针移动到每张图片上时,显示不同的动画效果。
(2)鼠标指针移动到第一张图片上时,将图片变为圆形。
(3)鼠标指针移动到第二张图片上时,逆时针旋转60度。
(4)鼠标指针移动到第三张图片上时,顺时针旋转360度。
(5)鼠标指针移动到第四张图片上时,给照片添加阴影并且逆时针旋转10度。
(6)鼠标指针移动到第五张图片上时,产生3D变形、沿Y轴旋转180度。
(7)鼠标指针移动到第六张图片上时,将照片放大1.2倍。;10.2知识准备;10
您可能关注的文档
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版)-期末试卷 .docx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务1创建第一个HTML5网页.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务2搭建简单学院网站.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务4 制作学院介绍页面.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务5制作学院网站导航条.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务7制作学生信息表.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务9布局学院网站主页.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务11完整项目_制作学院网站.pptx
- Web前端开发案例教程(HTML5+CSS3)(AI助学)(微课版)(第3版) 课件 任务12 完整项目_制作爱心助农水果商城网站.pptx
- 【荐】幸福的味道.docx
原创力文档

文档评论(0)