任务要求
(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中的动画特效,让静态的网页动了起来。
项目要求