任务三 转呼啦圈的机器人

任务三 转呼啦圈的机器人

任务要求

(1)新建文件2203.html,新建一个125*132的盒子。

(2)添加背景2203.png,设置动画步长值为10。

效果如图22.3.1所示,其代码如图22.3.2所示。

步长动画2203案例

图22.3.1 机器人转呼啦圈截图

图22.3.2 机器人转呼啦圈截图代码部分

项目总结

本项目介绍了过渡属性、2D平移和动画的相关知识,并运用动画搭配2D转换的属性制作出CSS3中的动画特效,让静态的网页动了起来。

项目要求