任务一　奔跑的小熊

任务一　奔跑的小熊

任务要求

奔跑的小熊（上）

（1）新建文件2201.html，背景设置为黑色。

（2）创建一个类名为shan的高600px的盒子，定位距离顶部200px。

（3）shan内插入三张图片，注意山地从近到远，用定位完成。

（4）用位移+动画制作山从右往左移动。

（5）用动画制作小熊不停奔跑，位移从左到右，最后停在页面中间。

效果如图22.1.1所示，其CSS样式如图22.1.2所示，HTML结构如图22.1.3所示。

图22.1.1　奔跑的小熊效果图

奔跑的小熊（下）

图22.1.2　奔跑的小熊CSS样式

图22.1.3　奔跑的小熊HTML结构